aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss/global.scss
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/assets/scss/global.scss')
-rw-r--r--viewer/src/assets/scss/global.scss53
1 files changed, 28 insertions, 25 deletions
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 06d975f..0a2f8f0 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -1,7 +1,7 @@
1/* ldgallery - A static generator which turns a collection of tagged 1/* ldgallery - A static generator which turns a collection of tagged
2-- pictures into a searchable web gallery. 2-- pictures into a searchable web gallery.
3-- 3--
4-- Copyright (C) 2019-2020 Guillaume FOUET 4-- Copyright (C) 2019-2022 Guillaume FOUET
5-- 5--
6-- This program is free software: you can redistribute it and/or modify 6-- This program is free software: you can redistribute it and/or modify
7-- it under the terms of the GNU Affero General Public License as 7-- it under the terms of the GNU Affero General Public License as
@@ -18,24 +18,37 @@
18*/ 18*/
19 19
20// Global CSS 20// Global CSS
21@import "~@/assets/scss/theme.scss"; 21@import "theme";
22 22
23// === Forms 23h1 {
24 24 font-size: $size-5;
25.required label::after { 25 font-weight: $weight-semibold;
26 content: "*"; 26 line-height: 1.125;
27 color: red; 27}
28h2 {
29 font-size: $size-6;
30 font-weight: $weight-normal;
28} 31}
29 32
30button svg + span { 33// === Forms
31 margin-left: 7px; 34
35button {
36 cursor: pointer;
37 color: $button-color;
38 background-color: $button-background-color;
39 border: 1px solid $button-border-color;
40 padding: calc(0.375em - 1px) 0.75em;
41 font-family: inherit;
42 line-height: 1.5;
43 font-size: $size-6;
44 &:hover,&:focus {
45 border-color: $button-active-color;
46 outline: none;
47 }
32} 48}
33 49
34// === Tools 50// === Tools
35 51
36.nowrap {
37 white-space: nowrap;
38}
39.no-scroll { 52.no-scroll {
40 overflow: hidden; 53 overflow: hidden;
41} 54}
@@ -53,16 +66,15 @@ button svg + span {
53.flex-center { 66.flex-center {
54 align-items: center; 67 align-items: center;
55} 68}
69.flex-grow-1 {
70 flex-grow: 1;
71}
56 72
57.fill { 73.fill {
58 width: 100%; 74 width: 100%;
59 height: 100%; 75 height: 100%;
60} 76}
61 77
62.flex-grow-1 {
63 flex-grow: 1;
64}
65
66/** 78/**
67 * Class for containers that centers its content vertically and horizontally, 79 * Class for containers that centers its content vertically and horizontally,
68 * preferably sticking to the container start if the container is smaller than the content. 80 * preferably sticking to the container start if the container is smaller than the content.
@@ -76,15 +88,6 @@ button svg + span {
76 88
77// === Links 89// === Links
78 90
79.link {
80 color: $link;
81 cursor: pointer;
82 text-decoration: none;
83 &:hover, &:hover a {
84 color: $link-hover;
85 }
86}
87
88.disabled { 91.disabled {
89 color: $disabled-color !important; 92 color: $disabled-color !important;
90 cursor: initial; 93 cursor: initial;