|
|
|
|
@font-face {
|
|
|
|
|
font-family: WorkSans-Light;
|
|
|
|
|
src: url('../assets/font/WorkSans-Light.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: GE_SS_TWO_MEDIUM;
|
|
|
|
|
src: url('../assets/font/GE_SS_TWO_MEDIUM.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: WorkSans-Medium;
|
|
|
|
|
src: url('../assets/font/WorkSans-Medium.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: GE_SS_Two_Light;
|
|
|
|
|
src: url('../assets/font/GE_SS_Two_Light.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: WorkSans-Regular;
|
|
|
|
|
src: url('../assets/font/WorkSans-Regular.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: GE_SS_Two_Bold;
|
|
|
|
|
src: url('../assets/font/GE_SS_Two_Bold.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: WorkSans-SemiBold;
|
|
|
|
|
src: url('../assets/font/WorkSans-SemiBold.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: GE_SS_Two_Bold;
|
|
|
|
|
src: url('../assets/font/GE_SS_Two_Bold.otf');
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: WorkSans-Bold;
|
|
|
|
|
src: url('../assets/font/WorkSans-Bold.otf');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
$break-small: 450px;
|
|
|
|
|
$break-big:565px;
|
|
|
|
|
//$break-large: 1200px;
|
|
|
|
|
$fontFamilyLightEN:'WorkSans-Light';
|
|
|
|
|
$fontFamilyLightAR:'GE_SS_Two_Light';
|
|
|
|
|
$fontFamilyRegularEN:'WorkSans-Regular';
|
|
|
|
|
$fontFamilyRegularAR:'GE_SS_TWO_MEDIUM';
|
|
|
|
|
$fontFamilyMediumEN:'WorkSans-Regular';
|
|
|
|
|
$fontFamilyMediumAR:'GE_SS_TWO_MEDIUM';
|
|
|
|
|
$fontFamilyBoldEN:'WorkSans-Bold';
|
|
|
|
|
$fontFamilyBoldAR:'GE_SS_Two_Bold';
|
|
|
|
|
$fontFamilySemiBoldEN:'WorkSans-SemiBold';
|
|
|
|
|
$fontFamilySemiBoldAR:'GE_SS_Two_Bold';
|
|
|
|
|
$fontFamilyIOSAR:-apple-system, "Helvetica Neue", "Roboto", sans-serif;
|
|
|
|
|
$fontFamilyAndroidAR:"Roboto", "Helvetica Neue", sans-serif;
|
|
|
|
|
$primary: #3ac1f1;
|
|
|
|
|
$secondary: #19a163;
|
|
|
|
|
$danger: #f53d3d;
|
|
|
|
|
$customnavy: #1a586d;
|
|
|
|
|
$light: #ffffff;
|
|
|
|
|
$dark: #000000;
|
|
|
|
|
$gray: #e4e5e7;
|
|
|
|
|
$custgreen: #209a83;
|
|
|
|
|
$cusgray:#d9d9d9;
|
|
|
|
|
$darkgray:#7F8C8D;
|
|
|
|
|
$grayBG:#acacac;
|
|
|
|
|
|
|
|
|
|
$font-family-base: $fontFamilyMediumEN !default;
|
|
|
|
|
$font-family-ios-base: $fontFamilyMediumEN !default;
|
|
|
|
|
$font-family-md-base:$fontFamilyMediumEN !default;
|
|
|
|
|
|
|
|
|
|
// ion-app.ios {
|
|
|
|
|
// font-family: -apple-system, "Helvetica Neue", "Roboto", sans-serif;
|
|
|
|
|
// font-size: 1.4rem;
|
|
|
|
|
// background-color: #fff;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// ion-app.md {
|
|
|
|
|
// font-family: "Roboto", "Helvetica Neue", sans-serif;
|
|
|
|
|
// font-size: 1.4rem;
|
|
|
|
|
// background-color: #fff;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
$text-input-md-highlight-color:$primary;
|
|
|
|
|
$text-input-ios-highlight-color:$primary;
|
|
|
|
|
|
|
|
|
|
$label-md-text-color-focused:$primary;
|
|
|
|
|
$label-ios-text-color-focused:$primary;
|
|
|
|
|
|
|
|
|
|
$alert-md-button-text-color:$primary;
|
|
|
|
|
$alert-ios-button-text-color:$primary;
|
|
|
|
|
|
|
|
|
|
$alert-md-input-border-color-focused:$primary;
|
|
|
|
|
$alert-ios-checkbox-background-color-on:$primary;
|
|
|
|
|
$alert-ios-checkbox-border-color-on:$primary;
|
|
|
|
|
|
|
|
|
|
$checkbox-md-icon-background-color-on:$primary;
|
|
|
|
|
$checkbox-ios-background-color-on:$primary;
|
|
|
|
|
$checkbox-md-icon-border-color-on:$primary;
|
|
|
|
|
|
|
|
|
|
$toggle-ios-background-color-on:$primary;
|
|
|
|
|
$toggle-md-active-color:$primary;
|
|
|
|
|
|
|
|
|
|
$radio-md-color-on:$primary;
|
|
|
|
|
$radio-ios-color-on:$primary;
|
|
|
|
|
|
|
|
|
|
$button-ios-background-color:$primary;
|
|
|
|
|
|
|
|
|
|
$picker-md-button-text-color:$primary;
|
|
|
|
|
$picker-md-option-selected-color:$primary;
|
|
|
|
|
$picker-ios-button-text-color:$primary;
|
|
|
|
|
|
|
|
|
|
$range-md-bar-active-background-color:$primary;
|
|
|
|
|
$range-ios-bar-active-background-color:$primary;
|
|
|
|
|
$text-input-ios-highlight-color:$primary;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$loading-md-spinner-color:$primary;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$text-input-highlight-color-invalid:$danger;
|
|
|
|
|
$text-input-ios-highlight-color-invalid:$danger;
|
|
|
|
|
$text-input-md-highlight-color-invalid:$danger;
|
|
|
|
|
$text-input-ios-show-focus-highlight: true;
|
|
|
|
|
}
|