mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-03-21 19:19:40 +01: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
Show Stats 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-2: #f2ff00;
--color-btn-hover-1: hsl(53.35deg 100% 50%);
--color-btn-hover-2: hsl(38.96deg 100% 50%);
--footer-height: 37px;
--console-height: 32px;
@ -839,12 +842,15 @@ body > #demo-frame {
}
.btn--dark:hover {
--clr-1: #6844ad;
/* color: #111; */
/* --clr-1: #6844ad; */
--clr-1: hsl(53.35deg 100% 50%);
--clr-2: hsl(38.96deg 100% 50%);
color: #111;
/* border-color: rgba(146, 151, 179, 0.5); */
}
.btn--dark:hover > svg {
/* fill: #111; */
fill: #111;
}
.btn--dark.btn--active {
background: linear-gradient(0deg, hsl(0, 0%, 25%) 0, hsl(0, 0%, 13%) 100%);
@ -994,6 +1000,10 @@ body > #demo-frame {
width: 1.2rem;
aspect-ratio: 1;
}
.dialog__close-btn:hover {
--color-close-btn: var(--color-btn-hover-1);
color: #111;
}
.modal {
position: fixed;
@ -1022,7 +1032,11 @@ body > #demo-frame {
}
.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 {
@ -1123,6 +1137,7 @@ body > #demo-frame {
top: 0;
bottom: 0;
width: 35vw;
min-width: 35ch;
max-width: 60ch;
padding: 20px 30px;
z-index: 6;