MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 06:43:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

scss linting

Browse Source
This commit is contained in:
pypy
2020-06-26 21:45:11 +09:00
parent 4552192227
commit ca8e2e9645
2 changed files with 202 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
html/src/vr.scss
View File

@@ -1,15 +1,17 @@
@charset "utf-8";
/*
Copyright(c) 2019 pypy. All rights reserved.
This work is licensed under the terms of the MIT license.
For a copy, see <https://opensource.org/licenses/MIT>.
*/
//
// Copyright(c) 2019-2020 pypy and individual contributors.
// All rights reserved.
//
// This work is licensed under the terms of the MIT license.
// For a copy, see <https://opensource.org/licenses/MIT>.
//
@import '~normalize.css/normalize.css';
@import '~animate.css/animate.min.css';
@import '~noty/lib/noty.css';
@import '~element-ui/lib/theme-chalk/index.css';
@import "~normalize.css/normalize.css";
@import "~animate.css/animate.min.css";
@import "~noty/lib/noty.css";
@import "~element-ui/lib/theme-chalk/index.css";
/*
마지노선인듯
@@ -25,15 +27,15 @@ For a copy, see <https://opensource.org/licenses/MIT>.
}
.noty_layout {
max-width: none;
width: 80% !important;
max-width: none;
}
.noty_theme__relax.noty_bar {
position: relative;
margin: 4px 0;
overflow: hidden;
border-radius: 2px;
position: relative;
}
.noty_theme__relax.noty_bar .noty_body {
@@ -43,20 +45,21 @@ For a copy, see <https://opensource.org/licenses/MIT>.
}
.noty_theme__relax.noty_bar .noty_buttons {
border-top: 1px solid #e7e7e7;
padding: 5px 10px;
border-top: 1px solid #e7e7e7;
}
.noty_theme__relax.noty_type__alert, .noty_theme__relax.noty_type__notification {
.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
color: #444;
background-color: #fff;
border: 1px solid #dedede;
color: #444;
}
.noty_theme__relax.noty_type__warning {
background-color: #FFEAA8;
border: 1px solid #FFC237;
color: #826200;
background-color: #ffeaa8;
border: 1px solid #ffc237;
}
.noty_theme__relax.noty_type__warning .noty_buttons {
@@ -64,33 +67,35 @@ For a copy, see <https://opensource.org/licenses/MIT>.
}
.noty_theme__relax.noty_type__error {
background-color: #FF8181;
color: #fff;
background-color: #ff8181;
border: 1px solid #e25353;
color: #FFF;
}
.noty_theme__relax.noty_type__error .noty_buttons {
border-color: darkred;
border-color: #8b0000;
}
.noty_theme__relax.noty_type__info, .noty_theme__relax.noty_type__information {
background-color: #78C5E7;
.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
color: #fff;
background-color: #78c5e7;
border: 1px solid #3badd6;
color: #FFF;
}
.noty_theme__relax.noty_type__info .noty_buttons, .noty_theme__relax.noty_type__information .noty_buttons {
border-color: #0B90C4;
.noty_theme__relax.noty_type__info .noty_buttons,
.noty_theme__relax.noty_type__information .noty_buttons {
border-color: #0b90c4;
}
.noty_theme__relax.noty_type__success {
background-color: #BCF5BC;
color: #006400;
background-color: #bcf5bc;
border: 1px solid #7cdd77;
color: darkgreen;
}
.noty_theme__relax.noty_type__success .noty_buttons {
border-color: #50C24E;
border-color: #50c24e;
}
::-webkit-scrollbar {
@@ -108,42 +113,46 @@ For a copy, see <https://opensource.org/licenses/MIT>.
border-radius: 16px;
}
body, input, textarea, select, button {
font-family: 'Noto Sans JP', 'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', sans-serif;
body,
input,
textarea,
select,
button {
font-family: "Noto Sans JP", "Noto Sans KR", "Meiryo UI", "Malgun Gothic", "Segoe UI", sans-serif;
line-height: normal;
}
.x-app {
position: absolute;
display: flex;
flex-direction: column;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.x-app-type {
background: #1f1f1f;
color: #fff;
background: #1f1f1f;
}
.x-container {
position: relative;
flex: none;
padding: 10px;
overflow: hidden auto;
position: relative;
}
.x-friend-list {
overflow: hidden auto;
padding: 0 10px;
overflow: hidden auto;
}
.x-friend-item {
box-sizing: border-box;
display: flex;
align-items: center;
font-size: 18px;
box-sizing: border-box;
}
.x-friend-item .time {
@@ -162,47 +171,48 @@ body, input, textarea, select, button {
color: #ff0;
}
.x-friend-item>.avatar {
.x-friend-item > .avatar {
position: relative;
display: inline-block;
flex: none;
width: 40px;
height: 40px;
margin-right: 8px;
display: inline-block;
position: relative;
}
.x-friend-item>img.avatar {
.x-friend-item > img.avatar {
width: 50px;
height: 37.5px;
margin-left: 5px;
margin-right: 0;
margin-left: 5px;
border-radius: 2px;
}
.x-friend-item>.avatar>img {
.x-friend-item > .avatar > img {
width: 100%;
height: 100%;
border-radius: 40%;
object-fit: cover;
}
.x-friend-item>.detail {
.x-friend-item > .detail {
flex: 1;
overflow: hidden;
}
.x-friend-item>.detail>.name, .x-friend-item>.detail>.extra {
.x-friend-item > .detail > .name,
.x-friend-item > .detail > .extra {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.x-friend-item>.detail>.name {
.x-friend-item > .detail > .name {
font-weight: bold;
}
.x-friend-item>.detail>.extra {
.x-friend-item > .detail > .extra {
font-weight: normal;
}
@@ -210,18 +220,18 @@ i.x-user-status {
display: inline-block;
width: 14px;
height: 14px;
background: #808080;
border-radius: 50%;
background: gray;
}
i.x-user-status.active {
background: #67C23A;
background: #67c23a;
}
i.x-user-status.joinme {
background: #409EFF;
background: #409eff;
}
i.x-user-status.busy {
background: #F56C6C;
background: #f56c6c;
}