/*-----------------
    Global Vars
------------------*/


/* fonts */

$vs-font-family := arial
$vs-font-size := 1rem
$vs-color := 0, 0, 200

/* disabled */

$vs-disabled-opacity := .5
$vs-disabled-pointer := default

/* transition */

$vs-transition-duration := .25s
$vs-transition-delay := 0s
$vs-transition-timing := ease

/*----------------
    COMPONETS
-----------------*/

/*vs-button*/

$vs-button--padding-x := 10px
$vs-button--padding-y := 20px
$vs-button--border-radius := 5px

// global vars --- old

$vs-radio := 6px
$vs-disabled-opacity := .5
$vs-transition := all .25s ease
$vs-border := 1px solid rgba(0, 0, 0, 0.1)
$vs-label-color := rgba(0,0,0,.6)
$vs-box-shadow := 0px 5px 20px 0px rgba(0, 0, 0, 0.05)
$vs-background := rgb(255, 255, 255)

// select vars

$border-color :=  rgb(255, 255, 255)