mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-02-11 16:19:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

button backgrounds now animate smoothly

Browse Source
This commit is contained in:
Jakob Pinterits
2024-09-29 07:05:17 +02:00
parent 0fdda4a15c
commit 64bf2c4b5d
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/css/style.scss
View File

@@ -1262,6 +1262,8 @@ $rio-input-box-small-label-spacing-top: 0.5rem;
.rio-buttonstyle-minor {
border: 0.1rem solid var(--rio-local-bg);
--rio-local-text-color: var(--rio-local-bg);
transition: background-color 0.15s ease-in-out;
}
.rio-buttonstyle-minor:hover {
@@ -1285,8 +1287,8 @@ $rio-input-box-small-label-spacing-top: 0.5rem;
--rio-local-text-color: var(--outer-text-color);
}
.rio-buttonstyle-colored-text:hover,
.rio-buttonstyle-plain-text:hover {
.rio-buttonstyle-colored-text,
.rio-buttonstyle-plain-text {
cursor: pointer;
--rio-local-text-color: var(--rio-local-bg);
@@ -1303,9 +1305,15 @@ $rio-input-box-small-label-spacing-top: 0.5rem;
z-index: -1;
background-color: var(--outer-text-color);
opacity: 0.1;
opacity: 0;
border-radius: var(--border-radius);
transition: opacity 0.1s ease-in-out;
}
&:hover::after {
opacity: 0.15;
}
}