Mercurial > libervia-templates

comparison sat_templates/templates/bulma/static/styles.css @ 248:a841837afe78

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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