hexo-theme-stellar/source/css/_layout/base.styl

138 lines
2.0 KiB
Stylus

*
outline: none
html
font-family: $ff-body
font-size: $fs-root
body
background: var(--site-bg)
margin: 0
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
text-rendering: optimizelegibility
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
h1
font-size: $fs-h1
font-weight: 600
pre
font-family: $ff-code
font-size: $fs-code
tab-size: 4
-moz-tab-size: 4
-o-tab-size: 4
-webkit-tab-size: 4
a
text-decoration: none
color: $color-link
&:hover
color: $color-hover
a.button
font-weight: 500
line-height: 1
padding: 0.75rem 2rem
border-radius: 3px
trans1: background
font-size: $fs15
&.theme
background: $color-theme
color: white
&:hover
background: $color-hover
.cap
font-weight: 600
font-size: $fs12
color: var(--text-p3)
&.blue
color: darken($color-md-blue, 6)
&.cyan
color: darken($color-mac-cyan, 6)
&.theme
color: darken($color-theme, 5)
span.dot,span.sep
font-size: 0.9em
margin: 0 .25em
span.dot:before
content: '·'
span.sep:before
content: '/'
padding-left: 2px
padding-right: 2px
hr
color: var(--text-meta)
opacity: .1
button
border: none
font-weight: 600
outline: none
disable-select()
cursor: pointer
img
max-width: 100%
li
font-size: $fs15
svg.icon
width: 1em
height: 1em
vertical-align: middle
fill: currentColor
overflow: hidden
ul,ol
padding-left: 1.5rem
ul ul, ul ol
padding-left: 0
ol ul, ol ol
padding-left: 0
.dis-select
disable-select()
// table
table:not([class])
border-collapse: collapse
overflow: auto
display: block
margin: 1rem 0
max-width: 100%
vertical-align: text-top
th
background: var(--block)
td,th
padding: 0.5em 1em
border: 1px solid var(--hover-block)
line-height: 1.5
font-size: 90%
tr
word-break: keep-all
white-space:nowrap
trans()
&:hover
background: var(--block)
input
display: block
a[onclick]:hover
cursor: pointer
input
background: none
border: none