5 // You can easily customize Bulma with your own variables.
6 // Just uncomment the following block to see the result.
9 // 1. Import the initial variables
10 @import "../node_modules/bulma/sass/utilities/initial-variables";
12 // 2. Set your own initial variables
13 // Update the blue shade, used for links
15 // Add pink and its invert
18 // Update the sans-serif font family
19 $family-sans-serif: "Helvetica", "Arial", sans-serif;
21 // 3. Set the derived variables
22 // Use the new pink as the primary color
24 $primary-invert: $pink-invert;
26 // 4. Import the rest of Bulma
30 $button-text-color: #FFF !important;
31 $button-border-color: #000 !important;
32 $button-hover-border-color: #000 !important;
34 @import "../node_modules/bulma/bulma";
35 @import "../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
36 @import "../node_modules/@fortawesome/fontawesome-free/scss/regular";
37 @import "../node_modules/@fortawesome/fontawesome-free/scss/solid";
38 @import "../node_modules/@fortawesome/fontawesome-free/scss/brands";
52 #navigation li.s > a.selected,
53 #navigation li.s > a.leaf,
54 #navigation li.s > strong.selected,
55 #navigation li.s > strong.leaf
60 @extend .has-text-weight-bold;
63 #navigation li.s > a.leaf,
64 #navigation li.s > strong.leaf
67 background-color: #fff;
69 #navigation li.s > ul.selected
73 #navigation li.s > a.selected:after,
74 #navigation li.s > a.leaf:after,
75 #navigation li.s > strong.selected:after,
76 #navigation li.s > strong.leaf:after
81 font-family: 'Font Awesome 5 Free';
84 -webkit-font-smoothing: antialiased;
85 display: inline-block;
91 #navigation li.s > a.leaf:after,
92 #navigation li.s > strong.leaf:after
96 #navigation li.s.sub > a.selected:after,
97 #navigation li.s.sub > a.selected:after,
98 #navigation li.s.sub > strong.leaf:after,
99 #navigation li.s.sub > strong.leaf:after
113 flex-direction: column;
119 justify-content: flex-end;
125 justify-content: flex-end;
151 input[type=password],
167 // @extend .file-input;