Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-10-17 03:50:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

style: change icon color on selection

Browse Source
This commit is contained in:
MAZE 2023-10-08 13:07:59 +03:30
parent eedbf53e0e
commit e6abca61fe
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/sound/sound.module.css
View File

@ -25,11 +25,6 @@
content: '';
}
&.selected {
border: 2px solid #818cf8;
box-shadow: 0 10px 20px #818cf833;
}
& .icon {
position: relative;
z-index: 2;
@ -39,6 +34,7 @@
align-items: center;
justify-content: center;
font-size: var(--font-base);
transition: 0.2s;
&::after {
position: absolute;
@ -68,8 +64,17 @@
}
}
&.selected {
border: 2px solid #818cf8;
box-shadow: 0 10px 20px #818cf833;
& .icon {
color: #818cf8;
}
}
& h3 {
margin-top: 12px;
margin-top: 6px;
cursor: default;
font-family: var(--font-heading);
font-size: var(--font-sm);
@ -80,7 +85,7 @@
& input {
width: 100%;
max-width: 120px;
margin-top: 6px;
margin-top: 12px;
/********** Range Input Styles **********/