vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 21:03:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

style: add & update button hover stylings

Browse Source
This commit is contained in:
Sven Brodny
2024-03-05 13:31:55 +01:00
parent 0525a7d7a5
commit 9083ea7959
3 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/src/styles/custom-css.css
View File

@@ -16,6 +16,9 @@
--color-btn: var(--sl-color-white);
--color-chip: rgb(35, 38, 47);
--color-chip-border: rgba(240, 246, 252, 0.1);
--button-transform: translateY(-1px);
--button-transition: all 100ms ease-in-out 30ms;
}
:root[data-theme='light'],
@@ -50,6 +53,18 @@
margin: 0px 2px;
}
a.action,
.article-footer > a,
.action-footer > a.action-button {
transition: var(--button-transition);
&:hover {
opacity: 0.9;
transform: var(--button-transform);
transition: var(--button-transition);
}
}
.article-footer {
margin-top: 3rem !important;
display: flex;