nezumi/javascript-training
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/javascript-training.git synced 2026-09-22 13:38:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add variable for z-index

Browse Source
This commit is contained in:
nezumi
2023-09-08 15:40:22 +07:00
parent 6a56a8db6f
commit f1e7d66bbf
6 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript-practice/src/styles/abstracts/_variables.scss
+6
View File
@@ -28,3 +28,9 @@ $fs-md: 16px;
$fs-lg: 17px;
$fs-x-lg: 20px;
$fs-2x-lg: 32px;
// Z-index
$zindex-lv-1: 1;
$zindex-lv-2: 2;
$zindex-lv-3: 3;
$zindex-lv-4: 4;
javascript-practice/src/styles/bases/_base.scss
+2 -3
View File
@@ -1,11 +1,10 @@
// TODO
.overlay {
@extend %d-absolute;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 2;
z-index: $zindex-lv-1;
opacity: 0;
pointer-events: none;
@@ -18,5 +17,5 @@
@extend .overlay;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
z-index: $zindex-lv-3;
}
javascript-practice/src/styles/components/_dialog.scss
+1 -1
View File
@@ -5,7 +5,7 @@
top: 32%;
transform: translate(-50%, -50%) scale(1);
background-color: $white;
z-index: 2;
z-index: $zindex-lv-2;
opacity: 0;
pointer-events: none;
javascript-practice/src/styles/components/_loader.scss
+1 -1
View File
@@ -8,7 +8,7 @@
align-items: center;
justify-content: center;
background: #00000066;
z-index: 1;
z-index: $zindex-lv-1;
transition:
opacity 0.75s,
visibility 0.75s;
javascript-practice/src/styles/components/_popup-form.scss
+1 -1
View File
@@ -7,7 +7,7 @@
top: 50%;
transform: translate(-50%, -50%) scale(1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
z-index: 2;
z-index: $zindex-lv-2;
padding: 40px 50px;
border-radius: 10px;
background-color: $white;
javascript-practice/src/styles/pages/_index.scss
+1 -1
View File
@@ -643,5 +643,5 @@
}
#categoryForm {
z-index: 4;
z-index: $zindex-lv-4;
}