@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; }