37 lines
836 B
SCSS
37 lines
836 B
SCSS
/* constants */
|
|
$royal: #1e3186;
|
|
$soft-blue: #647ce8;
|
|
$fill-blue: #D5DFFF;
|
|
$subtle-gray: #f5f5f5;
|
|
$roboto: "Roboto", sans-serif;
|
|
$roboto-light: "Roboto-Light", sans-serif-light;
|
|
$dark-gray: #445;
|
|
$mid-gray: #667;
|
|
$light-gray: #9b9bab;
|
|
$subtle-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
|
$hovering-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
|
|
$visible-radius: 6px;
|
|
|
|
/* Set ionic variables */
|
|
|
|
$positive: $soft-blue;
|
|
|
|
$font-size-base: 16px;
|
|
$font-size-small: 12px;
|
|
$font-family-sans-serif: $roboto;
|
|
$font-family-light-sans-serif: $roboto-light;
|
|
|
|
$button-border-radius: $visible-radius;
|
|
$button-height: 52px;
|
|
$button-padding: 16px;
|
|
|
|
$base-background-color: $subtle-gray;
|
|
|
|
$item-default-active-bg: $subtle-gray;
|
|
$item-icon-font-size: 24px;
|
|
|
|
$tabs-icon-size: 22px;
|
|
|
|
$ios-transition-duration: 200ms;
|
|
|
|
$card-box-shadow: $subtle-box-shadow;
|