Summary Files Commits Branches @commit @diff @stats
path: root / src / modals.less
diff options
context:
space:
mode:
Commitf3f78136d631892b9247bb345aa70a4d8812507c (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2016-04-18 22:59:52 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2016-04-18 22:59:52 +0800
Files0837aab5deec0e9a915af6fc283c4d751fc75ab3 /src/modals.less
Spectre-Dark-Gruvbox-f3f78136d631892b9247bb345aa70a4d8812507c.tar
Spectre-Dark-Gruvbox-f3f78136d631892b9247bb345aa70a4d8812507c.tar.gz
Spectre-Dark-Gruvbox-f3f78136d631892b9247bb345aa70a4d8812507c.zip
Parentcbbd77dcea40295195b395e9dd7c60ca3fdcb05e (diff)
cleanup code & sort CSS properties alphabetically
1 files changed, 21 insertions, 21 deletions
-rw-r--r--src/modals.less42
diff --git a/src/modals.less b/src/modals.less
index bdfe8b8..f2d36b7 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -1,29 +1,29 @@
// Modals
.modal {
- display: none;
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
align-items: center;
+ bottom: 0;
+ display: none;
justify-content: center;
- overflow: hidden;
+ left: 0;
opacity: 0;
+ overflow: hidden;
+ position: fixed;
+ right: 0;
+ top: 0;
&.active {
display: flex;
- z-index: 1988;
opacity: 1;
+ z-index: 1988;
.modal-overlay {
+ background-color: rgba(0, 0, 0, .75);
+ bottom: 0;
display: block;
+ left: 0;
position: absolute;
- top: 0;
right: 0;
- bottom: 0;
- left: 0;
- background-color: rgba(0, 0, 0, .75);
+ top: 0;
}
.modal-container {
animation: slide-down .216s;
@@ -31,29 +31,29 @@
}
}
.modal-container {
+ animation: slide-up .216s;
+ background-color: #fff;
+ border-radius: .3rem;
display: block;
- text-align: left;
margin: 0 auto;
padding: 0;
- border-radius: .3rem;
- background-color: #fff;
- z-index: 1988;
- animation: slide-up .216s;
.shadow;
+ text-align: left;
+ z-index: 1988;
.modal-header {
padding: 1.5rem;
.modal-title {
- margin: 0;
font-size: 1.5rem;
+ margin: 0;
}
}
.modal-body {
- position: relative;
- padding: 1.5rem;
max-height: 50vh;
overflow-y: auto;
+ padding: 1.5rem;
+ position: relative;
}
.modal-footer {
padding: 1.5rem;
@@ -71,4 +71,4 @@
width: 32rem;
}
}
-} \ No newline at end of file
+}