doesnm/quickshare
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(fe/themes): normalize white theme

Browse source
This commit is contained in:
hexxa 2022-03-19 14:55:26 +08:00 • committed by Hexxa
parent aabde4c3d7
commit 4cdfddc090
15 changed files with 527 additions and 1047 deletions
Download patch file Download diff file Expand all files Collapse all files

356
public/static/css/default.css
View file

@ -1,35 +1,8 @@
.hidden {
display: none;
}
@charset "utf-8";
.txt-cap {
text-transform: capitalize;
}
/* +space */
.font-xs {
font-size: 1.2rem;
line-height: 1.8rem;
}
.font-s {
font-size: 1.4rem;
line-height: 2.1rem;
}
.font-m {
font-size: 1.6rem;
line-height: 2.4rem;
}
.font-l {
font-size: 1.8rem;
line-height: 2.7rem;
}
.font-xl {
font-size: 2rem;
line-height: 3rem;
}
/* TODO: generate these */
.padding-xs {
padding: 0.25rem;
@ -231,211 +204,30 @@
margin-bottom: 4rem;
}
.blue0-font {
color: #3498db;
/* +font */
.font-xs {
font-size: 1.2rem;
line-height: 3.2rem;
}
.blue1-font {
color: #2980b9;
.font-s {
font-size: 1.4rem;
line-height: 3.2rem;
}
.cyan0-font {
color: #1abc9c;
.font-m {
font-size: 1.6rem;
line-height: 3.2rem;
}
.cyan1-font {
color: #16a085;
.font-l {
font-size: 1.8rem;
line-height: 3.2rem;
}
.purple0-font {
color: #9b59b6;
}
.purple1-font {
color: #8e44ad;
}
.red0-font {
color: #e74c3c;
}
.red1-font {
color: #c0392b;
}
.yellow0-font {
color: #f1c40f;
}
.yellow1-font {
color: #f39c12;
}
.yellow2-font {
color: #e67e22;
}
.yellow3-font {
color: #d35400;
}
.green0-font {
color: #2ecc71;
}
.green1-font {
color: #27ae60;
}
.green2-font {
color: #15cd3d;
}
.white-font {
color: #fff;
}
.white0-font {
color: #ecf0f1;
}
.white1-font {
color: #bdc3c7;
}
.grey0-font {
color: #95a5a6;
}
.grey1-font {
color: #7f8c8d;
}
.grey2-font {
color: #ecf0f6;
}
.grey3-font {
color: #697384;
}
.black-font {
color: #000;
}
.black0-font {
color: #34495e;
}
.black1-font {
color: #2c3e50;
}
.blue0-bg {
background-color: #3498db;
}
.blue1-bg {
background-color: #2980b9;
}
.blue2-bg {
background-color: #2f45c5;
}
.cyan0-bg {
background-color: #1abc9c;
}
.cyan1-bg {
background-color: #16a085;
}
.purple0-bg {
background-color: #9b59b6;
}
.purple1-bg {
background-color: #8e44ad;
}
.red0-bg {
background-color: #e74c3c;
}
.red1-bg {
background-color: #c0392b;
}
.yellow0-bg {
background-color: #f1c40f;
}
.yellow1-bg {
background-color: #f39c12;
}
.yellow2-bg {
background-color: #e67e22;
}
.yellow3-bg {
background-color: #15cd3d;
}
.yellow3-bg {
background-color: #d35400;
}
.green0-bg {
background-color: #2ecc71;
}
.green1-bg {
background-color: #27ae60;
}
.green2-bg {
background-color: #15cd3d;
}
.white-bg {
background-color: #fff;
}
.white0-bg {
background-color: #ecf0f1;
}
.white1-bg {
background-color: #bdc3c7;
}
.grey0-bg {
background-color: #95a5a6;
}
.grey1-bg {
background-color: #7f8c8d;
}
.grey2-bg {
background-color: #ecf0f6;
}
.grey3-bg {
background-color: #697384;
}
.black-bg {
background-color: #000;
}
.black0-bg {
background-color: #34495e;
}
.black1-bg {
background-color: #2c3e50;
.font-xl {
font-size: 2rem;
line-height: 3.2rem;
}
.title-l {
@ -443,8 +235,6 @@
font-weight: bold;
line-height: 3.2rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow-wrap: break-word;
display: block;
}
@ -462,8 +252,6 @@
font-size: 1.2rem;
line-height: 3.2rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow-wrap: break-word;
display: block;
}
@ -472,8 +260,6 @@
font-size: 1.4rem;
line-height: 3.2rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow-wrap: break-word;
display: block;
}
@ -490,34 +276,24 @@
font-size: 1.2rem;
line-height: 3.2rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow-wrap: break-word;
display: block;
}
/* +utils */
.inline-block {
display: inline-block;
}
.hidden {
display: none;
}
.clickable {
cursor: pointer;
}
.v-mid {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-start;
}
.v-mid-r {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-end;
}
.full-width {
width: 100%;
}
.bold {
font-weight: bold;
}
@ -526,6 +302,44 @@
clear: both;
}
.float-l {
float: left;
}
.txt-align-l {
text-align: left;
}
.txt-align-r {
text-align: right;
}
.work-break-all {
word-break: break-all;
}
.icon-s {
height: 2rem;
padding: 0.6rem 0;
}
.icon-m {
height: 2.4rem;
padding: 0.4rem 0;
}
.icon-l {
height: 3.2rem;
padding: 0;
}
.no-height {
height: 0;
overflow: hidden;
}
/* +animations */
.anm-rotate-s {
animation: trm-rotate-s 1s infinite linear;
}
@ -591,39 +405,3 @@
transform: rotate(360deg);
}
}
.float-l {
float: left;
}
.txt-align-l {
text-align: left;
}
.txt-align-r {
text-align: right;
}
.work-break-all {
word-break: break-all;
}
.icon-s {
height: 2rem;
padding: 0.6rem 0;
}
.icon-m {
height: 2.4rem;
padding: 0.4rem 0;
}
.icon-l {
height: 3.2rem;
padding: 0;
}
.no-height {
height: 0;
overflow: hidden;
}