@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'; --ontFamilyLightAR:'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; --labelColor:#999; // $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; }