]> BookStack Code Mirror - bookstack/blob - resources/assets/sass/_colors.scss
d89b264636a0d2474bd4274b8310c2badfd013c4
[bookstack] / resources / assets / sass / _colors.scss
1 /*
2  * Text colors
3  */
4 p.pos, p .pos, span.pos, .text-pos {
5   color: $positive;
6   fill: $positive;
7   &:hover {
8     color: $positive;
9     fill: $positive;
10   }
11 }
12
13 p.neg, p .neg, span.neg, .text-neg {
14   color: $negative;
15   fill: $negative;
16   &:hover {
17     color: $negative;
18     fill: $negative;
19   }
20 }
21
22 p.muted, p .muted, span.muted, .text-muted {
23   color: lighten($text-dark, 26%);
24   fill: lighten($text-dark, 26%);
25   &.small, .small {
26     color: lighten($text-dark, 32%);
27     fill: lighten($text-dark, 32%);
28   }
29 }
30
31 p.primary, p .primary, span.primary, .text-primary {
32   color: $primary;
33   fill: $primary;
34   &:hover {
35     color: $primary;
36     fill: $primary;
37   }
38 }
39
40 p.secondary, p .secondary, span.secondary, .text-secondary {
41   color: $secondary;
42   fill: $secondary;
43   &:hover {
44     color: $secondary;
45     fill: $secondary;
46   }
47 }
48
49 .text-bookshelf {
50   color: $color-bookshelf;
51   fill: $color-bookshelf;
52   &:hover {
53     color: $color-bookshelf;
54     fill: $color-bookshelf;
55   }
56 }
57 .text-book {
58   color: $color-book;
59   fill: $color-book;
60   &:hover {
61     color: $color-book;
62     fill: $color-book;
63   }
64 }
65 .text-page {
66   color: $color-page;
67   fill: $color-page;
68   &:hover {
69     color: $color-page;
70     fill: $color-page;
71   }
72   &.draft {
73     color: $color-page-draft;
74     fill: $color-page-draft;
75   }
76   &.draft:hover {
77     color: $color-page-draft;
78     fill: $color-page-draft;
79   }
80 }
81 .text-chapter {
82   color: $color-chapter;
83   fill: $color-chapter;
84   &:hover {
85     color: $color-chapter;
86     fill: $color-chapter;
87   }
88 }
89 .faded .text-book:hover {
90   color: $color-book !important;
91   fill: $color-book !important;
92 }
93 .faded .text-chapter:hover {
94   color: $color-chapter !important;
95   fill: $color-chapter !important;
96 }
97 .faded .text-page:hover {
98   color: $color-page !important;
99   fill: $color-page !important;
100 }
101
102 .bg-book {
103   background-color: $color-book;
104 }