css: introduce --border-color css var for %button (#89724)
gitea/publik-base-theme/pipeline/head This commit looks good
Details
gitea/publik-base-theme/pipeline/head This commit looks good
Details
This commit is contained in:
parent
f7bf983a36
commit
38f2c4ab38
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue