_variables.scss (1136B)
1 // Typography 2 @import url('https://fonts.googleapis.com/css?family=Overpass+Mono:400,700'); 3 $base-font-family: 'Overpass Mono', monospace; 4 $heading-font-family: $base-font-family; 5 6 // Font Sizes 7 $base-font-size: 1em; 8 9 // Line height 10 $base-line-height: 1.5; 11 $heading-line-height: 1.2; 12 13 // Other Sizes 14 $base-border-radius: .52em; 15 $base-spacing: $base-line-height * 1em; 16 $small-spacing: $base-spacing / 2; 17 $base-z-index: 0; 18 19 // Colors 20 $primary-color: #000; 21 $action-color: $primary-color; 22 $white-color: #fff; 23 $black-color: #000; 24 $blue-color: #2ea6ff; 25 $dark-gray-color: #333; 26 $medium-gray-color: #999; 27 $light-gray-color: #ccc; 28 29 // Font Colors 30 $base-font-color: rgba($dark-gray-color, .8); 31 32 // Border 33 $base-border-color: $light-gray-color; 34 $base-border: 1px solid $base-border-color; 35 36 // Background Colors 37 $base-background-color: $white-color; 38 $secondary-background-color: tint($base-border-color, 80%); 39 40 // Forms 41 $form-box-shadow: inset 0 1px 3px rgba($black-color, 0.06); 42 $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3); 43 44 // Animations 45 $base-duration: 150ms; 46 $base-timing: ease;