mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-29 17:50:09 +02:00
Code Issues Releases Wiki Activity

btn styling

Browse Source
This commit is contained in:
Kushagra Gour
2024-04-15 16:04:02 +05:30
parent 7560517a5d
commit d7e5ce0f63
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/style.css
View File

@@ -18,6 +18,9 @@
--color-pro-1: #1fffb3; --color-pro-1: #1fffb3;
--color-pro-2: #f2ff00; --color-pro-2: #f2ff00;
--color-btn-hover-1: hsl(53.35deg 100% 50%);
--color-btn-hover-2: hsl(38.96deg 100% 50%);
--footer-height: 37px; --footer-height: 37px;
--console-height: 32px; --console-height: 32px;
@@ -839,12 +842,15 @@ body > #demo-frame {
} }
.btn--dark:hover { .btn--dark:hover {
--clr-1: #6844ad; /* --clr-1: #6844ad; */
/* color: #111; */
--clr-1: hsl(53.35deg 100% 50%);
--clr-2: hsl(38.96deg 100% 50%);
color: #111;
/* border-color: rgba(146, 151, 179, 0.5); */ /* border-color: rgba(146, 151, 179, 0.5); */
} }
.btn--dark:hover > svg { .btn--dark:hover > svg {
/* fill: #111; */ fill: #111;
} }
.btn--dark.btn--active { .btn--dark.btn--active {
background: linear-gradient(0deg, hsl(0, 0%, 25%) 0, hsl(0, 0%, 13%) 100%); background: linear-gradient(0deg, hsl(0, 0%, 25%) 0, hsl(0, 0%, 13%) 100%);
@@ -994,6 +1000,10 @@ body > #demo-frame {
width: 1.2rem; width: 1.2rem;
aspect-ratio: 1; aspect-ratio: 1;
} }
.dialog__close-btn:hover {
--color-close-btn: var(--color-btn-hover-1);
color: #111;
}
.modal { .modal {
position: fixed; position: fixed;
@@ -1022,7 +1032,11 @@ body > #demo-frame {
} }
.modal__close-btn:hover { .modal__close-btn:hover {
opacity: 0.7; --color-close-btn: var(--color-btn-hover-1);
color: #111;
}
.modal__close-btn:hover > svg {
fill: #111;
} }
.modal__close-btn { .modal__close-btn {
@@ -1123,6 +1137,7 @@ body > #demo-frame {
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 35vw; width: 35vw;
min-width: 35ch;
max-width: 60ch; max-width: 60ch;
padding: 20px 30px; padding: 20px 30px;
z-index: 6; z-index: 6;