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.
hexo-theme-yorha/source/css/common.styl

110 lines
2.3 KiB

1 year ago
$backgroundColor=rgb(197, 194, 165)
$light=rgb(231, 225, 199)
$dark=rgb(74, 71, 62)
1 year ago
1 year ago
html, body
height: 100%
1 year ago
body
1 year ago
background-color: rgb(197, 194, 165)
1 year ago
background-image:
linear-gradient(90deg, #c6c2a5 2px, rgba(255 255 255 0) 0),
1 year ago
linear-gradient(180deg, #c6c2a5 2px, rgb(209 205 178) 0)
background-attachment: fixed
1 year ago
background-size: .4rem .4rem
1 year ago
margin: 0
1 year ago
1 year ago
body > * ::selection
background-color: rgb(74, 71, 62)
color: rgb(231, 225, 199)
1 year ago
#container
1 year ago
display: flex
flex-direction: column
justify-content: space-between
padding: 0 2% 0 2%
1 year ago
min-height: 100%
// footer
// position: absolute
// bottom: 0
// width: 100%
1 year ago
1 year ago
#header
1 year ago
margin-top: 1.5%
1 year ago
#main
1 year ago
flex: 1
1 year ago
margin: 2em 0
1 year ago
display: flex
flex-direction: row
gap: 4em
.right-content
width: 24%
position: sticky
top: 16px
align-self: flex-start
flex-shrink: 0
#footer
margin-bottom: 1%
1 year ago
1 year ago
span::selection
background-color: rgb(74, 71, 62)
color: rgb(231, 225, 199)
1 year ago
.bottom-declaration
// container2%padding
// container2%width+=2%*2104%
1 year ago
margin-left: -2%
margin-top: 1.5em
width: 104%
1 year ago
.bottom-declaration-line
1 year ago
border: 1.3px solid #000
1 year ago
.bottom-declaration-dotted
1 year ago
background-image: linear-gradient(90deg,#333 14%,hsla(0,0%,100%,0) 0)
background-repeat: repeat-x
background-size: 100px 4px
width: 100%
height: 4px
margin: 0 -2% 0
1 year ago
*
1 year ago
scrollbar-width: thin
scrollbar-color: rgb(74, 71, 62) transparent
1 year ago
&::-webkit-scrollbar-corner
background-color: rgb(197, 194, 165);
1 year ago
&::-webkit-scrollbar-thumb
1 year ago
border-radius: 0px;
1 year ago
background: rgb(74, 71, 62);
1 year ago
&::-webkit-scrollbar
1 year ago
width: 10px;
height: 10px;
1 year ago
1 year ago
1 year ago
img
transition: filter 0.2s linear 0s !important
&[data-src]:not(.loaded)
filter: blur(10px) brightness(1) opacity(0.4)
&[data-src].error
filter: none
1 year ago
.v-line
float: left;
width: 1.3px;
height: auto;
background: rgba(0, 0, 0, 0.16);
1 year ago
margin: 2px
.h-line
float: left;
width: auto;
height: 1.3px;
background: rgba(0, 0, 0, 0.16);
margin: 2px
1 year ago
1 year ago
@import '_partials/header/*'
1 year ago
@import '_partials/footer/*'
1 year ago
@import '_partials/post_page/*'
1 year ago
@import '_partials/post_list/*'
1 year ago
@import '_partials/*'
@import 'var'