blog.bythewood.me-wagtail

 1@import "~bootstrap/scss/bootstrap";
 2
 3
 4.bg-blue-700 {
 5  background: $blue-700 !important;
 6}
 7
 8.bg-blue-800 {
 9  background: $blue-800 !important;
10}
11
12.bg-black {
13  background: $black !important;
14}
15
16.bg-gray-925 {
17  background: shade-color($gray-900, 30%) !important;
18}
19
20.bg-yellow-100 {
21  background: $yellow-100 !important;
22}
23
24.border-yellow-500 {
25  border-color: $yellow-500 !important;
26}
27
28.text-orange-300 {
29  color: $orange-300 !important;
30}
31
32.text-gray-300 {
33  color: $gray-300 !important;
34}
35
36.link-footer {
37  color: $gray-500;
38  text-decoration: none;
39  transition: color 100ms ease-in-out;
40
41  &:hover {
42    color: $white;
43    text-decoration: underline;
44  }
45}
46
47.breadcrumb {
48  display: block;
49  flex-wrap: nowrap;
50  white-space: nowrap;
51
52  .breadcrumb-item {
53    font-size: 0.9em;
54    white-space: nowrap;
55    display: inline-block;
56
57    a {
58      color: $gray-500;
59      text-decoration: none;
60      transition: color .15s ease-in-out;
61
62      &:hover {
63        color: $gray-200;
64      }
65    }
66
67    &.active {
68      color: $white;
69    }
70  }
71}