diff options
Diffstat (limited to 'viewer/src/assets/scss/global.scss')
| -rw-r--r-- | viewer/src/assets/scss/global.scss | 53 |
1 files changed, 28 insertions, 25 deletions
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index c82e1bc..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 | 23 | h1 { |
| 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 | } |
| 28 | h2 { | ||
| 29 | font-size: $size-6; | ||
| 30 | font-weight: $weight-normal; | ||
| 28 | } | 31 | } |
| 29 | 32 | ||
| 30 | button svg + span { | 33 | // === Forms |
| 31 | margin-left: 7px; | 34 | |
| 35 | button { | ||
| 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 { | ||
| 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; |