summaryrefslogtreecommitdiff
path: root/src/assets/styles/_functions.scss
blob: 8652a8b0f080ffdea07bdcbb7862685d10f4bced (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
// Functions for getting colors from custom maps
// Bootstrap has a gray function and colors, but we have
// added new theme colors and helper functions. Using
// get-{color}($key: "100") because using the color name only
// {color}(key: "100"} convention that bootstrap does caused
// the compilation to fail for blue, red, and green.
//
// https://getbootstrap.com/docs/4.0/getting-started/theming/#functions

// Blues
@function get-blue($key: "100") {
  @return map-get($blues, $key);
}

// Reds
@function get-red($key: "100") {
  @return map-get($reds, $key);
}

// Greens
@function get-green($key: "100") {
  @return map-get($greens, $key);
}

// Yellows
@function get-yellow($key: "100") {
  @return map-get($yellows, $key);
}

// Teals
@function get-teal($key: "200") {
  @return map-get($teals, $key);
}