optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

global focus css disable

Browse Source
This commit is contained in:
dongyoungKo
2025-06-16 13:29:09 +09:00
parent 8b12637f1f
commit 70c05c03fe
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/TermsOfService/TermsOfOptionalSimple.module.less
View File

@@ -27,7 +27,7 @@
.welcomeText { .welcomeText {
color: #807f81; color: #807f81;
font-size: clamp(48px, 3.23vw, 62px); font-size: clamp(48px, 3.23vw, 62px);
font-family: 'LG Smart UI'; font-family: "LG Smart UI";
font-weight: 400; font-weight: 400;
line-height: 1; line-height: 1;
word-break: break-word; word-break: break-word;
@@ -81,7 +81,7 @@
.termsButton { .termsButton {
flex: 1; flex: 1;
> div { > div {
padding-right: 10px; padding-right: 10px;
} }
@@ -119,18 +119,18 @@
&.tCheckBox { &.tCheckBox {
border-radius: 0 !important; border-radius: 0 !important;
border: 3px solid #C70850 !important; border: 3px solid #c70850 !important;
background: #fff !important; background: #fff !important;
transition: background 0.15s, border 0.15s; transition: background 0.15s, border 0.15s;
} }
&.tCheckBox.selected { &.tCheckBox.selected {
border: 3px solid #7A808D !important; border: 3px solid #7a808d !important;
background: #7A808D !important; background: #7a808d !important;
} }
&.tCheckBox::before { &.tCheckBox::before {
content: ''; content: "";
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
@@ -157,7 +157,7 @@
background: white; background: white;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
border-radius: 6px; border-radius: 6px;
outline: 1px #CFCFCF solid; outline: 1px #cfcfcf solid;
outline-offset: -1px; outline-offset: -1px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -166,7 +166,7 @@
transition: all 0.3s ease; transition: all 0.3s ease;
&:focus { &:focus {
outline: 2px #C91D53 solid !important; outline: 2px #c91d53 solid !important;
outline-offset: 2px !important; outline-offset: 2px !important;
background-color: rgba(201, 29, 83, 0.1) !important; background-color: rgba(201, 29, 83, 0.1) !important;
transform: translateY(-2px) !important; transform: translateY(-2px) !important;
@@ -183,7 +183,7 @@
.termName { .termName {
color: #1a1a1a; color: #1a1a1a;
font-size: 30px; font-size: 30px;
font-family: 'LG Smart UI'; font-family: "LG Smart UI";
font-weight: 700; font-weight: 700;
line-height: 30px; line-height: 30px;
word-wrap: break-word; word-wrap: break-word;
@@ -229,7 +229,7 @@
.selectAllText { .selectAllText {
color: #1a1a1a; color: #1a1a1a;
font-size: 35px; font-size: 35px;
font-family: 'LG Smart UI'; font-family: "LG Smart UI";
font-weight: 700; font-weight: 700;
line-height: 35px; line-height: 35px;
word-break: break-word; word-break: break-word;
@@ -241,15 +241,15 @@
height: 100px; height: 100px;
padding-left: 50px; padding-left: 50px;
padding-right: 50px; padding-right: 50px;
background-color: #C70850 !important; background-color: #c70850 !important;
border: 2px solid #C70850 !important; border: 2px solid #c70850 !important;
color: white !important; color: white !important;
border-radius: 12px; border-radius: 12px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 35px; font-size: 35px;
font-family: 'LG Smart UI'; font-family: "LG Smart UI";
font-weight: 700; font-weight: 700;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -282,7 +282,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 35px; font-size: 35px;
font-family: 'LG Smart UI'; font-family: "LG Smart UI";
font-weight: 700; font-weight: 700;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -304,9 +304,9 @@
// Spotlight 포커스 스타일 // Spotlight 포커스 스타일
[data-spotlight-id]:focus { [data-spotlight-id]:focus {
outline: 2px solid #C91D53; // outline: 2px solid #C91D53;
outline-offset: 2px; // outline-offset: 2px;
box-shadow: 0 0 8px rgba(201, 29, 83, 0.5); // box-shadow: 0 0 8px rgba(201, 29, 83, 0.5);
} }
.termBox[data-spotlight-id]:focus { .termBox[data-spotlight-id]:focus {
@@ -345,4 +345,4 @@
.tab { .tab {
width: 980px; width: 980px;
} }