privacyguides.org/assets/css/app.scss

103 lines
2.0 KiB
SCSS
Raw Normal View History

2020-04-28 17:09:22 -04:00
---
---
2021-05-03 22:13:50 -04:00
@import "./node_modules/bootstrap/scss/functions";
2021-09-11 18:54:27 -04:00
@import "brand";
2021-05-03 22:13:50 -04:00
@import "./node_modules/bootstrap/scss/variables";
2020-12-04 03:35:10 -05:00
@import "variables";
2020-05-11 23:59:21 -04:00
2021-09-13 10:55:26 -04:00
@import "./node_modules/bootstrap/scss/mixins";
@import "./node_modules/bootstrap/scss/utilities";
2021-09-19 14:31:16 -04:00
$dm-grays: (
"dm-white": $white,
"dm-100": $gray-100,
"dm-200": $gray-200,
"dm-300": $gray-300,
"dm-400": $gray-400,
"dm-500": $gray-500,
"dm-600": $gray-600,
"dm-700": $gray-700,
"dm-800": $gray-800,
"dm-900": $gray-900,
"dm-black": $black
);
$all-colors: map-merge-multiple($blues, $indigos, $purples, $pinks, $reds, $oranges, $yellows, $greens, $teals, $cyans, $grays, $dm-grays);
2021-09-13 10:55:26 -04:00
$utilities: map-merge(
$utilities,
(
"color": map-merge(
map-get($utilities, "color"),
(
values: map-merge(
map-get(map-get($utilities, "color"), "values"),
(
$all-colors
),
),
),
),
)
);
$utilities: map-merge(
$utilities,
(
"background-color": map-merge(
map-get($utilities, "background-color"),
(
values: map-merge(
map-get(map-get($utilities, "background-color"), "values"),
(
$all-colors
),
),
),
),
)
);
2020-05-11 23:59:21 -04:00
.container-fullwidth {
margin: 0 auto;
width: 100%;
}
@font-face {
font-family: Bagnard;
src: url("/assets/fonts/Bagnard.woff") format("woff"), url("/assets/fonts/Bagnard.ttf") format("truetype"), url("/assets/fonts/Bagnard.otf") format("opentype");
}
2020-12-03 23:44:27 -05:00
h1, h2, h3:not(.h5), h4 {
2020-05-12 01:30:23 -04:00
font-family: "Bagnard", serif;
2020-05-11 23:59:21 -04:00
}
2020-04-28 17:09:22 -04:00
// import /_sass/bootstrap.scss
2021-02-22 11:47:35 -05:00
@import "./node_modules/bootstrap/scss/bootstrap";
2020-12-04 00:16:00 -05:00
@import "ptio-font";
@import "flag-icon";
2020-05-12 12:15:32 -04:00
.textColor {
2021-01-16 00:13:01 -05:00
fill: $dark;
}
2020-05-12 12:15:32 -04:00
.post-info, .post-title {
color: theme-color("light");
display: inline;
padding: $spacer;
/* Needs prefixing */
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
2020-12-03 23:44:27 -05:00
2021-12-31 19:29:10 -05:00
.navbar-logo {
@media (max-width: 400px) {
width: 50px;
}
@media (min-width: 401px) {
width: 300px;
}
}
2020-12-04 03:35:10 -05:00
@import "custom";