mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 01:54:15 +00:00
68 lines
2.8 KiB
SCSS
68 lines
2.8 KiB
SCSS
/** Help Variables **/
|
|
$fa-fixed-width: 1.25rem !default;
|
|
$icon-padding: 1rem !default;
|
|
$collapsed-sidebar-width: calculatePx($fa-fixed-width + (2 * $icon-padding)) !default;
|
|
$sidebar-items-width: 250px !default;
|
|
$total-sidebar-width: $collapsed-sidebar-width + $sidebar-items-width !default;
|
|
|
|
/* Fonts */
|
|
// Starting this url with a caret (^) allows it to be a relative path based on UI's deployment path
|
|
// See https://github.com/angular/angular-cli/issues/12797#issuecomment-598534241
|
|
$fa-font-path: "^assets/fonts" !default;
|
|
/* Images */
|
|
$image-path: "../assets/images" !default;
|
|
|
|
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
|
|
$h1-font-size: $font-size-base * 2.125 !default;
|
|
$h2-font-size: $font-size-base * 1.75 !default;
|
|
$h3-font-size: $font-size-base * 1.5 !default;
|
|
$h4-font-size: $font-size-base * 1.25 !default;
|
|
$h5-font-size: $font-size-base * 1.125 !default;
|
|
$h6-font-size: $font-size-base !default;
|
|
|
|
// enable-responsive-font-sizes allows text to scale more naturally across device and viewport sizes
|
|
$enable-responsive-font-sizes: true;
|
|
|
|
/** Bootstrap Variables **/
|
|
/* Colors */
|
|
$gray-700: #495057 !default; // Bootstrap $gray-700
|
|
$gray-100: #f8f9fa !default; // $gray-100
|
|
|
|
/* Reassign color vars to semantic color scheme */
|
|
$blue: #2B4E72 !default;
|
|
$green: #94BA65 !default;
|
|
$cyan: #006666 !default;
|
|
$yellow: #ec9433 !default;
|
|
$red: #CF4444 !default;
|
|
$teal: #1F7293 !default;
|
|
$dark: darken($blue, 17%) !default;
|
|
|
|
$theme-colors: (
|
|
primary: $blue,
|
|
secondary: $gray-700,
|
|
success: $green,
|
|
info: $cyan,
|
|
warning: $yellow,
|
|
danger: $red,
|
|
light: $gray-100,
|
|
dark: $dark
|
|
) !default;
|
|
/* Fonts */
|
|
$link-color: $teal !default;
|
|
|
|
$navbar-dark-color: rgba(white, .5) !default;
|
|
$navbar-light-color: rgba(black, .5) !default;
|
|
$navbar-dark-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,<svg+viewBox='0+0+30+30'+xmlns='http://www.w3.org/2000/svg'><path+stroke='#{$navbar-dark-color}'+stroke-width='2'+stroke-linecap='round'+stroke-miterlimit='10'+d='M4+7h22M4+15h22M4+23h22'/></svg>") !default;
|
|
$navbar-light-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,<svg+viewBox='0+0+30+30'+xmlns='http://www.w3.org/2000/svg'><path+stroke='#{$navbar-light-color}'+stroke-width='2'+stroke-linecap='round'+stroke-miterlimit='10'+d='M4+7h22M4+15h22M4+23h22'/></svg>") !default;
|
|
|
|
$enable-shadows: true !default;
|
|
|
|
$yiq-contrasted-threshold: 165 !default;
|
|
|
|
$primary-bg: #{lighten(map-get($theme-colors, primary), 30%)} !default;
|
|
$secondary-bg: #{lighten(map-get($theme-colors, secondary), 30%)} !default;
|
|
$success-bg: #{lighten(map-get($theme-colors, success), 30%)} !default;
|
|
$info-bg: #{lighten(map-get($theme-colors, info), 30%)} !default;
|
|
$warning-bg: #{lighten(map-get($theme-colors, warning), 30%)} !default;
|
|
$danger-bg: #{lighten(map-get($theme-colors, danger), 30%)} !default;
|