2022-11-04 15:49:41 +00:00
|
|
|
// Journal 5.2.2
|
2020-05-19 16:53:54 +00:00
|
|
|
// Bootswatch
|
|
|
|
|
|
|
|
|
2021-07-07 11:12:38 +00:00
|
|
|
// Variables
|
2020-05-19 16:53:54 +00:00
|
|
|
|
2020-11-06 13:16:40 +00:00
|
|
|
$web-font-path: "https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap" !default;
|
2021-07-07 11:12:38 +00:00
|
|
|
@if $web-font-path {
|
|
|
|
@import url($web-font-path);
|
|
|
|
}
|
2020-05-19 16:53:54 +00:00
|
|
|
|
2022-11-04 15:49:41 +00:00
|
|
|
:root {
|
|
|
|
color-scheme: light;
|
|
|
|
}
|
|
|
|
|
2021-07-07 11:12:38 +00:00
|
|
|
// Navbar
|
2020-05-19 16:53:54 +00:00
|
|
|
|
|
|
|
.bg-dark {
|
2020-11-06 13:16:40 +00:00
|
|
|
background-color: $black !important;
|
2020-05-19 16:53:54 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.bg-light {
|
|
|
|
color: $black;
|
2022-11-04 15:49:41 +00:00
|
|
|
background-color: $white !important;
|
2020-05-19 16:53:54 +00:00
|
|
|
border: 1px solid $gray-200;
|
|
|
|
|
|
|
|
&.navbar-fixed-top {
|
2020-11-06 13:16:40 +00:00
|
|
|
border-width: 0 0 1px;
|
2020-05-19 16:53:54 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&.navbar-fixed-bottom {
|
2020-11-06 13:16:40 +00:00
|
|
|
border-width: 1px 0 0;
|
2020-05-19 16:53:54 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar {
|
|
|
|
font-family: $headings-font-family;
|
2022-11-04 15:49:41 +00:00
|
|
|
font-size: 18px;
|
2020-05-19 16:53:54 +00:00
|
|
|
font-weight: $headings-font-weight;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-brand {
|
2020-11-06 13:16:40 +00:00
|
|
|
padding-top: .5rem;
|
2020-05-19 16:53:54 +00:00
|
|
|
font-size: inherit;
|
|
|
|
font-weight: $headings-font-weight;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
2021-07-07 11:12:38 +00:00
|
|
|
// Buttons
|
2020-05-19 16:53:54 +00:00
|
|
|
|
|
|
|
.btn {
|
|
|
|
font-family: $headings-font-family;
|
|
|
|
font-weight: $headings-font-weight;
|
|
|
|
|
|
|
|
&-secondary,
|
|
|
|
&-warning {
|
|
|
|
color: $white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-07-07 11:12:38 +00:00
|
|
|
// Navs
|
2020-05-19 16:53:54 +00:00
|
|
|
|
|
|
|
.pagination {
|
|
|
|
a:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
}
|