mirror of
https://git.sr.ht/~cadence/bibliogram
synced 2024-11-22 16:17:29 +00:00
Consistent theme for next page button
This commit is contained in:
parent
7941ea9667
commit
eb0633e082
@ -32,21 +32,21 @@ body
|
|||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
|
|
||||||
@mixin link-button
|
@mixin link-button
|
||||||
color: hsl(107, 100%, 21.8%)
|
color: map-get($theme, "foreground-power-primary")
|
||||||
background: hsl(87, 78.4%, 80%)
|
background-color: map-get($theme, "background-power-primary")
|
||||||
|
border: 1px solid map-get($theme, "background-power-secondary")
|
||||||
padding: 12px
|
padding: 12px
|
||||||
border-radius: 10px
|
border-radius: 10px
|
||||||
border: 1px solid hsl(106.9, 49.8%, 46.9%)
|
|
||||||
line-height: 1
|
line-height: 1
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
|
|
||||||
&.disabled
|
&.disabled
|
||||||
cursor: default
|
cursor: default
|
||||||
|
|
||||||
&:hover:not(.disabled), &:active, &.clicked
|
&:hover:not(.disabled), &:active, &:focus
|
||||||
color: hsl(106.4, 100%, 12.9%)
|
color: map-get($theme, "foreground-power-secondary")
|
||||||
background: hsl(102.1, 77.2%, 67.3%)
|
background-color: map-get($theme, "background-power-secondary")
|
||||||
border-color: hsl(104, 51.4%, 43.5%)
|
border-color: map-get($theme, "background-power-tertiary")
|
||||||
|
|
||||||
.top-nav
|
.top-nav
|
||||||
background-color: map-get($theme, "background-power-primary")
|
background-color: map-get($theme, "background-power-primary")
|
||||||
@ -287,7 +287,7 @@ body
|
|||||||
overflow: hidden
|
overflow: hidden
|
||||||
@include sized
|
@include sized
|
||||||
|
|
||||||
&:hover
|
&:hover, &:focus
|
||||||
$border-width: 3px
|
$border-width: 3px
|
||||||
margin: $margin - $border-width
|
margin: $margin - $border-width
|
||||||
border-width: $border-width
|
border-width: $border-width
|
||||||
@ -296,7 +296,7 @@ body
|
|||||||
$margin: 2px
|
$margin: 2px
|
||||||
margin: $margin
|
margin: $margin
|
||||||
|
|
||||||
&:hover
|
&:hover, &:focus
|
||||||
$border-width: 2px
|
$border-width: 2px
|
||||||
margin: $margin - $border-width
|
margin: $margin - $border-width
|
||||||
border-width: $border-width
|
border-width: $border-width
|
||||||
|
Loading…
Reference in New Issue
Block a user