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

7
src/styles/_reset.scss
View File

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