mirror of
https://github.com/datahub-project/datahub.git
synced 2025-07-27 19:39:52 +00:00
128 lines
2.5 KiB
SCSS
128 lines
2.5 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 font-awesome
|
||
///@type list
|
||
$font-awesome-stack: (
|
||
'FontAwesome',
|
||
sans-serif
|
||
);
|
||
|
||
/// 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
|
||
)
|
||
);
|
||
|
||
/// Color Scheme
|
||
/// @type Map
|
||
/// @prop {String} key - Scheme name
|
||
/// @prop {Map} hue - a qualifying hue for the enclosing color
|
||
$color-scheme: (
|
||
red: (
|
||
red5: rgb(255, 44, 51)
|
||
),
|
||
green: (
|
||
green5: rgb(70, 154, 31)
|
||
),
|
||
blue: (
|
||
oxford: rgb(53, 75, 87),
|
||
curious: rgb(26, 161, 217)
|
||
),
|
||
grey: (
|
||
light: rgb(237, 237, 237),
|
||
dark: rgb(68, 68, 68),
|
||
mid: rgb(153, 153, 153)
|
||
),
|
||
black: (
|
||
dune: rgb(41, 39, 36)
|
||
),
|
||
white: (
|
||
base: rgb(255, 255, 255),
|
||
catskill: rgb(243, 247, 249),
|
||
earlydawn:rgb(255, 249, 232)
|
||
)
|
||
);
|
||
|
||
//===============
|
||
/// 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: set-color(blue, curious);
|
||
|
||
/// Container's maximum width
|
||
/// @type Length
|
||
$max-width: 1180px !default;
|
||
|
||
/// Navigation minimum height
|
||
/// @type Length
|
||
$nav-min-height: 50px !default;
|
||
|
||
/// 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,
|
||
'default': 0,
|
||
'below': -1
|
||
) !default;
|
||
|
||
/// Absolute URL where all assets are served from
|
||
/// @type String
|
||
$base-url: '/assets/assets/' !default;
|