qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css 수정

Browse Source
This commit is contained in:
김창수 2024-09-26 18:00:17 +09:00
parent 46e0f34268
commit 4f1de8a0ea
2 changed files with 43 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/styles/_modal.scss
View File

@ -1,3 +1,8 @@
$pop-color: #fff;
$pop-normal-weight: 400;
$pop-bold-weight: 500;
$pop-normal-size: 12px;
@keyframes mountpop{
from{opacity: 0; scale: 0.95;}
to{opacity: 1; scale: 1;}
@ -20,6 +25,7 @@
border-radius: 4px;
background-color: #272727;
z-index: 9999999;
overflow: hidden;
&.sm{
width: 580px;
}
@ -47,12 +53,12 @@
cursor: pointer;
h1.title{
font-size: 13px;
color: #fff;
color: $pop-color;
font-weight: 700;
}
.modal-close{
margin-left: auto;
color: #fff;
color: $pop-color;
text-indent: -999999999px;
width: 10px;
height: 10px;
@ -72,11 +78,11 @@
.modal-check-btn-wrap{
margin-top: 15px;
.check-wrap-title{
font-size: 12px;
color: #fff;
font-size: $pop-normal-size;
color: $pop-color;
font-weight: 600;
&.light{
font-weight: 400;
font-weight: $pop-normal-weight;
}
}
.flex-check-box{
@ -116,9 +122,10 @@
}
.modal-guide{
display: block;
font-size: 12px;
color: #fff;
font-weight: 400;
font-size: $pop-normal-size;
color: $pop-color;
font-weight: $pop-normal-weight;
line-height: 24px;
}
}
@ -131,7 +138,7 @@
overflow: hidden;
transition: all 0.17s ease-in-out;
span{
font-size: 12px;
font-size: $pop-normal-size;
color: #898989;
}
i{
@ -145,7 +152,7 @@
}
&.act{
i{
color: #fff;
color: $pop-color;
background-color: #1083E3;
}
}
@ -174,9 +181,9 @@
display: flex;
align-items: center;
span{
font-size: 12px;
color: #fff;
font-weight: 500;
font-size: $pop-normal-size;
color: $pop-color;
font-weight: $pop-bold-weight;
}
.input-grid{
width: 63px;
@ -207,9 +214,9 @@
// grid copy
.grid-option-tit{
font-size: 12px;
color: #fff;
font-weight: 400;
font-size: $pop-normal-size;
color: $pop-color;
font-weight: $pop-normal-weight;
padding-bottom: 15px;
border-bottom: 1px solid #3C3C3C;
}
@ -240,9 +247,9 @@
// grid-move
.move-form{
p{
font-size: 12px;
color: #fff;
font-weight: 500;
font-size: $pop-normal-size;
color: $pop-color;
font-weight: $pop-bold-weight;
}
}
.input-move-wrap{
@ -250,8 +257,8 @@
align-items: center;
gap: 5px;
span{
color: #fff;
font-size: 12px;
color: $pop-color;
font-size: $pop-normal-size;
}
.input-move{
width: 148px;
@ -276,15 +283,15 @@
th{
display: flex;
align-items: center;
font-size: 12px;
color: #fff;
font-weight: 500;
font-size: $pop-normal-size;
color: $pop-color;
font-weight: $pop-bold-weight;
padding: 18px 0;
border-bottom: 1px solid #424242;
}
td{
font-size: 12px;
color: #fff;
font-size: $pop-normal-size;
color: $pop-color;
border-bottom: 1px solid #424242;
padding-left: 20px;
}
@ -327,8 +334,8 @@
align-items: center;
gap: 5px;
span{
font-size: 12px;
color: #fff;
font-weight: 400;
font-size: $pop-normal-size;
color: $pop-color;
font-weight: $pop-normal-weight;
}
}

7
src/styles/_reset.scss
View File

@ -32,6 +32,9 @@ time, mark, audio, video {
font: inherit;
vertical-align: baseline;
font-family: 'Noto Sans JP', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: never;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
@ -581,9 +584,13 @@ input[type=text]{
&.pop{
label{
&:before{
width: 16px;
height: 16px;
border-color: #fff;
}
&:after{
width: 8px;
height: 8px;
background-color: #fff;
}
}