You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
280 lines
4.3 KiB
280 lines
4.3 KiB
* |
|
box-sizing: border-box |
|
outline: none |
|
margin: 0 |
|
padding: 0 |
|
|
|
html |
|
color: $color-text |
|
width: 100% |
|
height: 100% |
|
font-family: $fontfamily |
|
font-size: $fontsize |
|
line-height: $lineheight |
|
-webkit-text-size-adjust: 100% |
|
-ms-text-size-adjust: 100% |
|
text-rendering: optimizelegibility |
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) |
|
// > |
|
// ::-webkit-scrollbar |
|
// width: 8px |
|
// height: 8px |
|
// ::-webkit-scrollbar-thumb |
|
// background: $color-theme |
|
// border-radius: 2px |
|
// ::-webkit-scrollbar-track |
|
// background: transparent |
|
|
|
body |
|
background-color: $color-site |
|
&.modal-active |
|
overflow: hidden |
|
@media screen and (max-width: $modal-threshold) |
|
position: fixed |
|
top: 0 |
|
right: 0 |
|
bottom: 0 |
|
left: 0 |
|
|
|
|
|
// *::-webkit-scrollbar |
|
// height: 2px |
|
// width: 8px |
|
// *::-webkit-scrollbar-track-piece |
|
// background: transparent |
|
// *::-webkit-scrollbar-thumb |
|
// background: alpha($color-text, .3) |
|
// cursor: pointer |
|
// trans() |
|
// &:hover |
|
// background: alpha($color-text, .6) |
|
|
|
|
|
::-moz-selection { |
|
background: $color-selection |
|
} |
|
|
|
::selection { |
|
background: $color-selection |
|
} |
|
|
|
|
|
h1 |
|
font-size: $fontsize-h1 |
|
h2 |
|
font-size: $fontsize-h2 |
|
h3 |
|
font-size: $fontsize-h3 |
|
h4 |
|
font-size: $fontsize-h4 |
|
h5 |
|
font-size: $fontsize-h5 |
|
h6 |
|
font-size: $fontsize-h6 |
|
|
|
h1,h2,h3,h4,h6 |
|
font-weight: normal |
|
|
|
a |
|
color: $color-link |
|
cursor: pointer |
|
text-decoration: none |
|
trans() |
|
&:hover |
|
color: $color-hover |
|
&:active,&:hover |
|
outline: 0 |
|
&:not([href]) |
|
cursor: default |
|
|
|
|
|
pre |
|
tab-size: 4 |
|
-moz-tab-size: 4 |
|
-o-tab-size: 4 |
|
-webkit-tab-size: 4 |
|
|
|
|
|
img |
|
max-width: 100% |
|
|
|
.clearfix |
|
zoom: 1 |
|
&:before,&:after |
|
content: " " |
|
display: table |
|
&:after |
|
clear: both |
|
|
|
.hidden |
|
text-indent: -9999px |
|
visibility: hidden |
|
display: none |
|
|
|
.inner |
|
position: relative |
|
width: 80% |
|
max-width: 710px |
|
margin: 0 auto |
|
.vertical |
|
display: table-cell |
|
vertical-align: middle |
|
|
|
|
|
ul,ol |
|
padding-left: 0 |
|
|
|
li |
|
list-style: none |
|
|
|
|
|
|
|
|
|
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary |
|
display: block |
|
|
|
|
|
abbr[title] |
|
border-bottom: 1px dotted |
|
b,strong |
|
font-weight: bold |
|
dfn |
|
font-style: italic |
|
h1 |
|
font-size: 2em |
|
margin: 0.67em 0 |
|
mark |
|
background: #ff0 |
|
color: #000 |
|
small |
|
font-size: 80% |
|
sub,sup |
|
font-size: 65% |
|
line-height: 0 |
|
position: relative |
|
vertical-align: baseline |
|
sup |
|
top: -0.6em |
|
sub |
|
bottom: -0.3em |
|
img |
|
border: 0 |
|
background: none |
|
max-width: 100% |
|
|
|
svg:not(:root) |
|
overflow: hidden |
|
|
|
figure |
|
margin: 1em 40px |
|
|
|
hr |
|
-moz-box-sizing: content-box |
|
box-sizing: content-box |
|
height: 0 |
|
border: 0 |
|
border-radius: 1px |
|
border-bottom: 1px solid alpha($color-text, .1) |
|
|
|
|
|
pre |
|
overflow: auto |
|
|
|
|
|
code,kbd,pre,samp |
|
font-family: monospace, monospace |
|
font-size: 1em |
|
|
|
|
|
button,input,optgroup,select,textarea |
|
color: inherit /* 1 */ |
|
font: inherit /* 2 */ |
|
margin: 0 /* 3 */ |
|
|
|
button |
|
overflow: visible |
|
|
|
button,select |
|
text-transform: none |
|
|
|
|
|
button, |
|
html input[type="button"], /* 1 */ |
|
input[type="reset"], |
|
input[type="submit"] |
|
-webkit-appearance: button /* 2 */ |
|
cursor: pointer /* 3 */ |
|
|
|
|
|
button[disabled],html input[disabled] |
|
cursor: default |
|
|
|
button::-moz-focus-inner, |
|
input::-moz-focus-inner |
|
border: 0 |
|
padding: 0 |
|
|
|
|
|
input |
|
line-height: normal |
|
|
|
input[type="checkbox"], |
|
input[type="radio"] |
|
box-sizing: border-box /* 1 */ |
|
padding: 0 /* 2 */ |
|
|
|
input[type="number"]::-webkit-inner-spin-button, |
|
input[type="number"]::-webkit-outer-spin-button |
|
height: auto |
|
|
|
|
|
input[type="search"] |
|
-webkit-appearance: textfield /* 1 */ |
|
-moz-box-sizing: content-box |
|
-webkit-box-sizing: content-box /* 2 */ |
|
box-sizing: content-box |
|
|
|
input[type="search"]::-webkit-search-cancel-button, |
|
input[type="search"]::-webkit-search-decoration |
|
-webkit-appearance: none |
|
|
|
|
|
fieldset |
|
border: 1px solid #c0c0c0 |
|
margin: 0 2px |
|
padding: 0.35em 0.625em 0.75em |
|
|
|
|
|
legend |
|
border: 0 /* 1 */ |
|
padding: 0 /* 2 */ |
|
|
|
textarea |
|
overflow: auto |
|
|
|
optgroup |
|
font-weight: bold |
|
|
|
|
|
table |
|
border-collapse: collapse |
|
margin-top: .7em |
|
margin-bottom: .7em |
|
overflow: auto |
|
display: block |
|
th |
|
background-color: darken($color-block, 2) |
|
td,th |
|
padding: 6px 16px |
|
border: 1px solid darken($color-block, 3) |
|
tr |
|
word-break: keep-all |
|
background-color: lighten($color-block, 3) |
|
tbody>tr |
|
trans() |
|
&:hover |
|
background-color: darken($color-block, 2) |
|
|
|
|
|
td,th |
|
padding: 0
|
|
|