56 lines
1.6 KiB
SCSS
56 lines
1.6 KiB
SCSS
/* constants */
|
|
$royal: #1e3186;
|
|
$soft-blue: #647ce8;
|
|
$fill-blue: #D5DFFF;
|
|
$subtle-gray: darken(#fff, 5%);
|
|
$roboto: "Roboto", sans-serif;
|
|
$roboto-light: "Roboto-Light", sans-serif-light;
|
|
$light-green: rgb(19, 229, 182);
|
|
$success-green: #17ae8c;
|
|
$warning-orange: #ffa500;
|
|
$warning-red: #E15061;
|
|
$dark-gray: #445;
|
|
$mid-gray: #667;
|
|
$light-gray: #9b9bab;
|
|
$subtle-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
|
|
$hovering-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
|
|
$subtle-radius: 3px;
|
|
$visible-radius: 6px;
|
|
$unmistakable-radius: 12px;
|
|
|
|
/* 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: $subtle-radius;
|
|
$button-height: 52px;
|
|
$button-padding: 16px;
|
|
|
|
$base-background-color: $subtle-gray;
|
|
|
|
$item-default-active-bg: $subtle-gray;
|
|
$item-icon-font-size: 24px;
|
|
|
|
$input-color: $dark-gray;
|
|
$input-border: $light-gray;
|
|
$input-label-color: $mid-gray;
|
|
$input-color-placeholder: lighten($dark-gray, 40%);
|
|
|
|
$item-default-bg: #ffffff;
|
|
$item-default-border: $subtle-gray;
|
|
$item-default-text: $dark-gray;
|
|
$item-default-active-bg: darken(#ffffff, 7%);
|
|
$item-default-active-border: darken($subtle-gray, 7%);
|
|
|
|
$bar-default-border: $subtle-gray;
|
|
|
|
$tabs-icon-size: 22px;
|
|
|
|
$ios-transition-duration: 200ms;
|
|
|
|
$card-box-shadow: $subtle-box-shadow;
|