TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 04:13:30 +03:00
Code Issues Projects Releases Wiki Activity

Refined toggle border

Browse Source 
no refs.
- refined toggle border color and shadows
This commit is contained in:
Peter Zimon 2020-08-26 17:21:47 +02:00
parent 8674e8f32b
commit 2030681acf
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ghost/admin/app/styles/patterns/forms.css
View File

@ -492,7 +492,8 @@ textarea {
top: 2px !important;
background-color: white;
transition: .3s;
box-shadow: 0 0 1px rgba(0,0,0,.6), 0 2px 3px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
border: 1px solid color-mod(var(--lightgrey) l(-3%));
border-radius: 999px;
}
@ -503,6 +504,8 @@ textarea {
.for-switch input:checked + .input-toggle-component:before {
transform: translateX(22px);
box-shadow: 0 2px 3px rgba(0,0,0,.2);
border-color: transparent;
}
.for-switch .container {
@ -518,7 +521,6 @@ textarea {
.for-switch.small .input-toggle-component:before {
height: 16px !important;
width: 16px !important;
box-shadow: 0 0 1px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.1);
}
.for-switch.small input:checked + .input-toggle-component:before {