bulma/docs/bulma-docs.sass
2019-10-18 20:29:40 -04:00

89 lines
1.7 KiB
Sass

@charset "utf-8"
$bootstrap: #6f5499
$github: #333333
$twitter: #55acee
$patreon: #f96854
$patreon-blue: #052d49
$fortyfour: #5f45bb
$amazon: #ffd863
$bleeding-green: #ABF47C
$bleeding-red: #CA1F26
$star: #FFD257
$rss: #f26522
$mauve: #8A4D76
$pink: #FA7C91
$brown: #757763
$beige-light: #D0D1CD
$beige-lighter: #EFF0EB
$carbon-width: 300px
$carbon-height: 100px
$main-spacing: 3rem
$intro-width: 1080px
$sidebar-width: 10.5rem
@import "../bulma"
@import "./bulma-cssvar.sass"
@import "./bulma-dark"
// Dark mode steps
//
// 1. Swap values
// $scheme-main: $black
//
// 2. Assign updated CSS vars to :root
// :root
// --bulma-scheme-main: #{$scheme-main}
//
// 3. Assign CSS vars to elements/components
// html
// background-color: var(--#{$prefix}scheme-main)
//
%center
align-items: center
display: flex
justify-content: center
%bd-box
background-color: var(--#{$prefix}scheme-main)
border-radius: $radius-large
box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.05)
display: block
=selection($current-selector: false)
@if $current-selector
&::-moz-selection
@content
&::selection
@content
@else
\::-moz-selection
@content
\::selection
@content
@import "./_sass/main"
@import "./_sass/highlight"
@import "./_sass/override"
@import "./_sass/global"
@import "./_sass/index"
@import "./_sass/header"
@import "./_sass/footer"
@import "./_sass/specific"
@import "./_sass/example"
@import "./_sass/callout"
@import "./_sass/bsa"
@import "./_sass/twitter"
@import "./_sass/expo"
@import "./_sass/love"
@import "./_sass/bootstrap"
@import "./_sass/klmn"
@import "./_sass/patreon"
@import "./_sass/sponsors"
@import "./_sass/book"
@import "./_sass/native"
@import "./_sass/focus"