hexo-theme-yorha/source/css/common.styl

$backgroundColor=rgb(197, 194, 165)

$light=rgb(231, 225, 199)
$dark=rgb(74, 71, 62)

body
  background-color: rgb(197, 194, 165)
  background-image:
    linear-gradient(90deg, #c6c2a5 2px, rgba(255 255 255 0) 0), 
    linear-gradient(180deg, #c6c2a5 2px, rgb(209 205 178) 0)
  background-attachment: fixed
  background-size: .4rem .4rem
  margin: 0

body > * ::selection
  background-color: rgb(74, 71, 62)
  color: rgb(231, 225, 199)

#container
  padding: 1.5% 2% 2% 2%

#main
  margin-top: 2em

span::selection
  background-color: rgb(74, 71, 62)
  color: rgb(231, 225, 199)

.bottom-declaration
    // container左右各有2%的padding
    // 要突破这个container，所以要先往左边拉2%，然后width+=2%*2，也就是104%
    margin-left: -2%
    margin-top: 1.5em
    width: 104%
  .bottom-declaration-line
    border: 1.3px solid #000
  .bottom-declaration-dotted
    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

*
  &::-webkit-scrollbar-button
    border-radius: 10px;
    border-spacing: 10px;
    background-color: rgb(74, 71, 62);
    width: 10px;
    height: 10px;
  &::-webkit-scrollbar-corner
    background-color: rgb(197, 194, 165);
  &::-webkit-scrollbar-thumb 
    border-radius: 0px;
    background: rgb(74 71 62);
  &::-webkit-scrollbar
    width: 10px;
    height: 10px;

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

@import '_partials/header/*'
@import '_partials/post_list/*'
@import '_partials/*'