120 lines
2.5 KiB
Plaintext
120 lines
2.5 KiB
Plaintext
:root {
|
|
--config-width: 910px;
|
|
--config-width-xxl: 1000px;
|
|
--config-width-xl: 910px;
|
|
--config-width-large: 700px;
|
|
--config-width-medium: 550px;
|
|
--config-width-small: 320px;
|
|
--config-color-link: #1e849e;
|
|
--config-color-background: #eceff1;
|
|
--config-color-background-fade: #ffffff;
|
|
--config-color-background-focus: #f5f5f5;
|
|
--config-color-placeholder: #868686;
|
|
--config-color-focus: #f02e65;
|
|
--config-color-focus-fade: #fef8fb;
|
|
--config-color-focus-hover: #ff729b;
|
|
--config-color-focus-glow: #fce5ec;
|
|
--config-color-focus-dark: #c52653;
|
|
--config-color-normal: #40404c;
|
|
--config-color-dark: #313131;
|
|
--config-color-fade: #818181;
|
|
--config-color-fade-light: #e2e2e2;
|
|
--config-color-fade-super: #f1f3f5;
|
|
--config-color-danger: #f53d3d;
|
|
--config-color-success: #1bbf61;
|
|
--config-color-warning: #ffed4d;
|
|
--config-border-color: #f5f5f5;
|
|
--config-border-radius: 10px;
|
|
--config-prism-background: #373738;
|
|
--config-prism-numbers: #39393c;
|
|
--config-note-background: #f1fbff;
|
|
--config-note-border: #5bceff;
|
|
--config-warning-background: #fdf7d9;
|
|
--config-warning-border: #f8e380;
|
|
|
|
@media @dark {
|
|
|
|
}
|
|
}
|
|
|
|
@watch: ~"only screen and (max-width: 260px)";
|
|
@phones: ~"only screen and (max-width: 550px)";
|
|
@tablets: ~"only screen and (min-width: 551px) and (max-width: 1200px)";
|
|
@desktops: ~"only screen and (min-width: 1201px) and (max-width: 1300px)";
|
|
@big-screens: ~"only screen and (min-width: 1200px)";
|
|
@dark: ~"(prefers-color-scheme: dark)";
|
|
|
|
main {
|
|
background: var(--test);
|
|
|
|
}
|
|
|
|
img[src=""] {
|
|
visibility: hidden;
|
|
display: inline-block;
|
|
}
|
|
|
|
@import "functions";
|
|
@import "typography";
|
|
@import "tabels";
|
|
@import "grid";
|
|
@import "icons";
|
|
@import "polyfills";
|
|
@import "forms";
|
|
@import "scopes/console";
|
|
@import "scopes/home";
|
|
@import "comps/alerts";
|
|
@import "comps/article";
|
|
@import "comps/avatar";
|
|
@import "comps/box";
|
|
@import "comps/cover";
|
|
@import "comps/database";
|
|
@import "comps/footer";
|
|
@import "comps/loader";
|
|
@import "comps/modal";
|
|
@import "comps/scroll";
|
|
@import "comps/tabs";
|
|
@import "dependencies/prism";
|
|
|
|
html {
|
|
padding: 0;
|
|
margin: 0;
|
|
direction: @config-start-dir;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background: var(--config-color-background) no-repeat fixed;
|
|
}
|
|
|
|
main {
|
|
min-height: 100%;
|
|
}
|
|
|
|
ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
li {
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
}
|
|
|
|
.force-left {
|
|
direction: ltr;
|
|
text-align: left;
|
|
}
|
|
|
|
.force-right {
|
|
direction: rtl;
|
|
text-align: right;
|
|
}
|
|
|
|
.pull-left {
|
|
float: left;
|
|
}
|
|
|
|
.pull-right {
|
|
float: right;
|
|
} |