aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/assets')
-rw-r--r--viewer/src/assets/scss/buefy.scss24
-rw-r--r--viewer/src/assets/scss/global.scss11
2 files changed, 19 insertions, 16 deletions
diff --git a/viewer/src/assets/scss/buefy.scss b/viewer/src/assets/scss/buefy.scss
index 5249899..b018fd3 100644
--- a/viewer/src/assets/scss/buefy.scss
+++ b/viewer/src/assets/scss/buefy.scss
@@ -5,28 +5,20 @@
5@import "buefy_variables"; 5@import "buefy_variables";
6 6
7// 2. Setup your Custom Colors 7// 2. Setup your Custom Colors
8$linkedin: #0077b5; 8// $linkedin: #0077b5;
9$linkedin-invert: findColorInvert($linkedin); 9// $linkedin-invert: findColorInvert($linkedin);
10$twitter: #55acee;
11$twitter-invert: findColorInvert($twitter);
12$github: #333;
13$github-invert: findColorInvert($github);
14 10
15@import "~bulma/sass/utilities/derived-variables"; 11@import "~bulma/sass/utilities/derived-variables";
16 12
17// 3. Add new color variables to the color map. 13// 3. Add new color variables to the color map.
18$addColors: ( 14$addColors: (
19 "twitter": ( 15 "green": (
20 $twitter, 16 $green,
21 $twitter-invert 17 $green-invert
22 ), 18 ),
23 "linkedin": ( 19 "purple": (
24 $linkedin, 20 $purple,
25 $linkedin-invert 21 $purple-invert
26 ),
27 "github": (
28 $github,
29 $github-invert
30 ) 22 )
31); 23);
32$colors: map-merge($colors, $addColors); 24$colors: map-merge($colors, $addColors);
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 0bfeab9..5d12976 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -12,3 +12,14 @@
12.nowrap { 12.nowrap {
13 white-space: nowrap; 13 white-space: nowrap;
14} 14}
15
16.flex {
17 display: flex;
18}
19.flex-column {
20 display: flex;
21 flex-direction: column;
22}
23.flex-center {
24 align-items: center;
25}