Global variables

Variables used for Cactu to allow easy customization.

Cactu has just one file used for global variables, those varibales are used for the others style files. This variables are:

Name Type Value
$white color #fff
$gray-100 color #f8f9fa
$gray-200 color #e9ecef
$gray-300 color #dee2e6
$gray-400 color #ced4da
$gray-500 color #adb5bd
$gray-600 color #6c757d
$gray-700 color #495057
$gray-800 color #343a40
$gray-900 color #212529
$black color #000
$blue color #007bff
$yellow color #f8f852
$red color #dc3545
$green color #28a745
$text-color color $gray-800
$border-color color $gray-300
$white-smoke color #f5f5f5
$font-family-sans-serif font-family -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
$font-family-monospace font-family Monaco, Menlo, Consolas, "Liberation Mono", "Courier New", monospace
$font-family font-family $font-family-sans-serif
$font-size font-size 16px
$font-weight-light font-weight 300
$font-weight-normal font-weight 400
$font-weight-bold font-weight 700
$cellphone-size size 576px
$tablet-size size 768px
$small-desktop-size size 960px
$medium-desktop-size size 1200px
$large-desktop-size size 1344px
$maximum-columns size 12
$radius size 4px
$radius-rounded radius 300000px
$border-width size 1px
$border-base unitless $border-width solid $border-color
$speed speed .15s
$line-height unitless 1.5
$transition-all transition all $speed ease-in-out
$outline-width unitless .125rem
$zindex-top z-index 1000