comparison sat_templates/templates/bulma/static/styles.css @ 271:dea66eead698

bulma (dialogs): new `notification.html` template
author Goffi <goffi@goffi.org>
date Fri, 14 Aug 2020 08:46:03 +0200
parents 2378084522e1
children dbdaf1d7442b
comparison
equal deleted inserted replaced
270:2378084522e1 271:dea66eead698
129 129
130 .modal-content { 130 .modal-content {
131 transform: scaleY(0); 131 transform: scaleY(0);
132 } 132 }
133 133
134 div.state_appended .modal-content { 134 div.state_appended .modal-content, div.main_notification.state_appended {
135 transform: scaleY(1); 135 transform: scaleY(1);
136 transition: transform 0.15s ease-in; 136 transition: transform 0.15s ease-in;
137 }
138
139 div.main_notification.state_closing {
140 transform: scaleY(0);
141 }
142
143 .main_notification {
144 position: fixed;
145 top: 2rem;
146 left: 0;
147 right: 0;
148 z-index: 10000;
149 transform: scaleY(0);
150 transition: transform 0.15s ease-in;
151 }
152
153 div.main_notification>div.column {
154 display: flex;
155 max-width: 95%;
156 }
157 div.main_notification>div.column>div.notification {
158 max-width: 80rem;
137 } 159 }
138 160
139 .click_to_close { 161 .click_to_close {
140 cursor: pointer; 162 cursor: pointer;
141 } 163 }