css: introduce --border-color css var for %button (#89724)
gitea/publik-base-theme/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2024-04-18 12:22:00 +02:00
parent f7bf983a36
commit 38f2c4ab38
1 changed files with 4 additions and 0 deletions

View File

@ -189,8 +189,10 @@ div.buttons div {
%button {
--color: #{$button-color};
--background: #{$button-background};
--border-color: #{extract-color($button-border)};
--hover-color: #{$button-hover-color};
--hover-background: #{$button-hover-background};
--hover-border-color: var(--border-color);
background: var(--background);
text-align: center;
@ -198,6 +200,7 @@ div.buttons div {
padding: $button-padding;
cursor: pointer;
border: $button-border;
border-color: var(--border-color);
border-radius: $button-border-radius;
transition: background 0.5s ease, color 0.5s ease, border 0.5s ease;
margin-right: 1.5em;
@ -210,6 +213,7 @@ div.buttons div {
box-shadow: 0px 0px 5px #777;
background: var(--hover-background);
color: var(--hover-color);
border-color: var(--hover-border-color);
}
&:disabled {