Mercurial > libervia-templates
comparison sat_templates/templates/bulma/static/styles.css @ 248:a841837afe78
css (bulma): use a variable for grey light
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 16 Jul 2020 09:08:34 +0200 |
parents | bb5193cef770 |
children | a0e889d73bad |
comparison
equal
deleted
inserted
replaced
247:40fccd3b7cf0 | 248:a841837afe78 |
---|---|
1 :root { | 1 :root { |
2 --photo-height: 280px; | 2 --photo-height: 280px; |
3 --photo-height--poster: 500px; | 3 --photo-height--poster: 500px; |
4 --col-primary: #82baff; | 4 --col-primary: #82baff; |
5 --grey-light: hsl(0, 0%, 71%); | |
5 } | 6 } |
6 | 7 |
7 .has-whitespace-pre-wrap { | 8 .has-whitespace-pre-wrap { |
8 white-space: pre-wrap; | 9 white-space: pre-wrap; |
9 } | 10 } |
90 .has-border-dashed { | 91 .has-border-dashed { |
91 border-style: dashed; | 92 border-style: dashed; |
92 } | 93 } |
93 | 94 |
94 .has-border-grey-light { | 95 .has-border-grey-light { |
95 border-color: hsl(0, 0%, 71%); | 96 border-color: var(--grey-light); |
96 } | 97 } |
97 | 98 |
98 .has-justify-start { | 99 .has-justify-start { |
99 justify-content: start; | 100 justify-content: start; |
100 } | 101 } |
107 outline: solid red 0.25rem; | 108 outline: solid red 0.25rem; |
108 } | 109 } |
109 | 110 |
110 /*************** | 111 /*************** |
111 * misc states * | 112 * misc states * |
112 **************/ | 113 ***************/ |
113 | 114 |
114 .state_deleted { | 115 .state_deleted { |
115 opacity: 0; | 116 opacity: 0; |
116 transform: scale(0); | 117 transform: scale(0); |
117 transition: opacity 0.5s ease-out, transform 0.5s ease-out; | 118 transition: opacity 0.5s ease-out, transform 0.5s ease-out; |
118 } | 119 } |
119 | 120 |
120 | 121 |
121 /*********** | 122 /*********** |
122 * dialogs * | 123 * dialogs * |
123 **********/ | 124 ***********/ |
124 | 125 |
125 .modal-content { | 126 .modal-content { |
126 transform: scaleY(0); | 127 transform: scaleY(0); |
127 } | 128 } |
128 | 129 |