You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemmionic5/Mohem/src/theme/variables.scss

123 lines
3.4 KiB
SCSS

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