/** * NanoSupport Common Stylesheet * Storing all the variables. Added variables from Bootstrap. * * @author nanodesigns * @package NanoSupport */ // Colors ----------------------- $gray-base: #000 !default; $gray-darker: lighten($gray-base, 13.5%) !default; // #222 $gray-dark: lighten($gray-base, 20%) !default; // #333 $gray: lighten($gray-base, 33.5%) !default; // #555 $gray-light: lighten($gray-base, 46.7%) !default; // #777 $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee $brand-primary: #3949ab !default; $brand-normal: $gray-dark !default; $brand-success: #5d8a2b !default; $brand-info: #1976d2 !default; $brand-warning: #f6bb42 !default; $brand-danger: #ad1457 !default; $link-color: $brand-primary !default; $link-hover-color: darken($link-color, 15%) !default; // Typography ------------------- // font, line-height, and color for body text, headings, and more. $system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; $font-size-base: 14px !default; $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-h5: $font-size-base !default; $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px // Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. $line-height-computed: floor(($font-size-base * 1.428571429)) !default; // ~20px // By default, this inherits from the ``. $headings-font-family: inherit !default; $headings-font-weight: 500 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; $state-success-text: #3c763d !default; $state-success-bg: $brand-success !default; $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default; $state-info-text: $gray-dark !default; $state-info-bg: #7cd1ef !default; $state-info-text-alt: darken( $state-info-bg, 35% ) !default; // a11y $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default; $state-warning-text: $gray-dark !default; $state-warning-text-alt: darken( $brand-warning, 30% ) !default; // a11y $state-warning-bg: $brand-warning !default; $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default; $state-danger-text: #fff !default; $state-danger-text-alt: darken( $brand-danger, 20% ) !default; // a11y $state-danger-bg: $brand-danger !default; $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default; // Labels ----------------------- // Default label background color $label-default-bg: #fff !default; // Normal label background color $label-normal-bg: $gray !default; // Primary label background color $label-primary-bg: $brand-primary !default; // Success label background color $label-success-bg: $brand-success !default; // Info label background color $label-info-bg: $brand-info !default; // Warning label background color $label-warning-bg: $brand-warning !default; // Danger label background color $label-danger-bg: $brand-danger !default; // Default label text color $label-color: #333 !default; $label-normal-color: #fff !default; $label-warning-color: $gray-dark !default; //#333 a11y $label-primary-color: #fff !default; $label-success-color: #fff !default; //a11y $label-info-color: $gray-dark !default; $label-danger-color: #fff !default; // Default text color of a linked label $label-link-hover-color: #fff !default; // Border color for inputs on focus $input-border-focus: #66afe9 !default; // Placeholder text color $input-color-placeholder: #999 !default; // Alerts ----------------------- // Define alert colors, border radius, and padding. $alert-success-bg: lighten( $state-success-bg, 15% ) !default; $alert-success-text: $state-success-text !default; $alert-success-border: $state-success-border !default; $alert-info-bg: $state-info-bg !default; $alert-info-text: $state-info-text !default; $alert-info-border: $state-info-border !default; $alert-warning-bg: $state-warning-bg !default; $alert-warning-text: $state-warning-text !default; $alert-warning-border: $state-warning-border !default; $alert-danger-bg: $state-danger-bg !default; $alert-danger-text: $state-danger-text !default; $alert-danger-border: $state-danger-border !default; // Wells ------------------------ $well-bg: #f5f5f5 !default; $well-border: darken($well-bg, 7%) !default; // Buttons ---------------------- // For each of Bootstrap's buttons, define text, background and border color. $btn-default-color: $gray-dark !default; $btn-default-bg: #fff !default; $btn-default-border: #ccc !default; $btn-primary-color: #fff !default; $btn-primary-bg: $brand-primary !default; $btn-primary-border: darken($btn-primary-bg, 5%) !default; $btn-success-color: #fff !default; $btn-success-bg: $brand-success !default; $btn-success-border: darken($btn-success-bg, 5%) !default; $btn-info-color: #fff !default; $btn-info-bg: $brand-info !default; $btn-info-border: darken($btn-info-bg, 5%) !default; $btn-warning-color: $gray-dark !default; //#333 a11y $btn-warning-bg: $brand-warning !default; $btn-warning-border: darken($btn-warning-bg, 15%) !default; //a11y $btn-danger-color: #fff !default; $btn-danger-bg: $brand-danger !default; $btn-danger-border: darken($btn-danger-bg, 5%) !default; $btn-link-disabled-color: $gray-light !default; // Pagination ------------------- $pagination-color: $link-color !default; $pagination-bg: #fff !default; $pagination-border: #ddd !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-lighter !default; $pagination-hover-border: #ddd !default; $pagination-active-color: #fff !default; $pagination-active-bg: $brand-primary !default; $pagination-active-border: $brand-primary !default; $pagination-disabled-color: $gray-light !default; $pagination-disabled-bg: #fff !default; $pagination-disabled-border: #ddd !default;