vuepress-theme-mustom/styles/palette.styl

Simple design theme for VuePress，Blog，耀 の 个人网站 | Mark の Personal Website (QQ Group: 595614161)

// Global
$fontSize = 16px
$lineHeight = 2
$scrollbarSize = 12px
$scrollbarColorFront = #c1c1c1
$scrollbarColorBack = #f1f1f1
$gap = $fontSize * 2.5
$borderRadius = 4px
$floatingSize = $fontSize * 4
$maxWidth = 1440px
$minWidth = 320px
$sideWidth = 280px
$realSmallWidth = 800px
$realSmallestWidth = 666px
$smallWidth = $realSmallWidth + $sideWidth * 2 + $floatingSize * 2
$smallerWidth = $realSmallWidth + $sideWidth + $floatingSize * 2
$smallestWidth = $realSmallestWidth + $floatingSize * 2
$largeWidth = $maxWidth + $floatingSize * 2
$readingWidth = 1024px
// Spinner
$spinnerSize = $fontSize * 4
$spinnerborderSize = $fontSize * 0.8
// Header
$headerHeight = $fontSize * 4
// Footer
$footerLicenseWidth = 120px * 0.75 // origin 120px
$footerLicenseHeight = 42px * 0.75 // origin 42px
// Empty
$emptyMinHeight = 128px // height of empty.min.png
// Hitokoto
$hitokotoImgWidth = 320px // huaji.*.png width
$hitokotoImgHeight = 343px // huaji.*.png height
// Notification
$notificationHeight = $fontSize * 5

// Functions
zIndex(num)
  z-index 1000 - num

webkitScrollbar()
  height $scrollbarSize
  width $scrollbarSize
  background $scrollbarColorBack

webkitScrollbarThumb()
  background $scrollbarColorFront
  border 0.25 * $scrollbarSize solid $scrollbarColorBack
  border-radius 0.5 * $scrollbarSize