mirror of
https://github.com/datahub-project/datahub.git
synced 2025-12-01 21:27:15 +00:00
104 lines
2.2 KiB
SCSS
104 lines
2.2 KiB
SCSS
/// Contains application wide Sass variables
|
||
|
||
/// Regular font family
|
||
/// @type List
|
||
$text-font-stack: ('Source Sans Pro', 'Helvetica', 'Arial', sans-serif) !default;
|
||
|
||
/// Font family for bootstrap glyphicons
|
||
/// @type list
|
||
$glyphicons-stack: ('Glyphicons Halflings', sans-serif);
|
||
|
||
$font-weights: (
|
||
normal: (
|
||
2: 200,
|
||
3: 300,
|
||
4: 400,
|
||
6: 600
|
||
),
|
||
italic: (
|
||
2: 200,
|
||
3: 300,
|
||
4: 400,
|
||
6: 600
|
||
)
|
||
);
|
||
|
||
//===============
|
||
/// Theming Colors
|
||
//===============
|
||
|
||
/// Main brand color
|
||
/// @type Color
|
||
$brand-color: set-color(blue, oxford);
|
||
|
||
/// Secondary color
|
||
/// @type Color
|
||
$secondary-color: set-color(white, catskill);
|
||
|
||
/// Copy text color
|
||
/// @type Color
|
||
$text-color: set-color(black, dune);
|
||
|
||
/// Copy text color
|
||
/// @type Color
|
||
$text-invert-color: tint($text-color, 90%);
|
||
|
||
/// Copy link color
|
||
/// @type Color
|
||
$link-color: get-color(blue7);
|
||
|
||
/// Container's maximum width
|
||
/// @type Length
|
||
$max-width: 1180px !default;
|
||
|
||
/// Navigation height
|
||
/// Specifies a fixed height for the application's navigation bar, useful for dependent layouts and
|
||
/// component positioning
|
||
/// @type Length
|
||
$application-navbar-static-height: item-spacing(8);
|
||
|
||
/// Application wide height for breadcrumbs
|
||
$application-navigation-breadcrumbs-static-height: item-spacing(6);
|
||
$application-navigation-tab-static-height: item-spacing(7);
|
||
|
||
/// Breakpoints map
|
||
/// @prop {String} keys - Keys are identifiers mapped to a given length
|
||
/// @prop {Map} values - Values are actual breakpoints expressed in pixels
|
||
$breakpoints: (
|
||
'small': (
|
||
min-width: 320px
|
||
),
|
||
'medium': (
|
||
min-width: 768px
|
||
),
|
||
'large': (
|
||
min-width: 979px
|
||
),
|
||
'huge': (
|
||
min-width: 1024px
|
||
)
|
||
) !default;
|
||
|
||
/// Z-indexes map, gathering all Z layers of the application
|
||
/// @type Map
|
||
/// @prop {String} key - Layer’s name
|
||
/// @prop {Number} value - Z value mapped to the key
|
||
$z-indexes: (
|
||
'toast': 6000,
|
||
'modal': 5000,
|
||
'dropdown': 4000,
|
||
'nav': 1000,
|
||
'above': +1,
|
||
'default': 0,
|
||
'below': -1
|
||
) !default;
|
||
|
||
/// Absolute URL where all assets are served from
|
||
/// @type String
|
||
$base-url: '/assets/' !default;
|
||
|
||
/// For animations related to banner alerts. This corresponds to a constant value in the js files at
|
||
/// constants/notifications.js
|
||
$banner-animation-speed: 0.6s;
|
||
$banner-alerts-height: 52px;
|