mirror of
https://github.com/detleph/components.git
synced 2026-09-04 00:26:01 +02:00
Refactor styles and improve accessibility
This commit is contained in:
@@ -19,7 +19,8 @@
|
|||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:hover .background {
|
&:hover .background,
|
||||||
|
&:focus-visible .background {
|
||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,3 +1,5 @@
|
|||||||
|
@import "../../styles/highlight";
|
||||||
|
|
||||||
.test {
|
.test {
|
||||||
background: white;
|
background: white;
|
||||||
|
|
||||||
@@ -8,8 +10,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
@media only screen and (min-width: 900px) {
|
@media only screen and (min-width: 900px) {
|
||||||
border-radius: 32px;
|
@include highten;
|
||||||
box-shadow: 0 6px 13px rgba($color: #000000, $alpha: 0.25);
|
|
||||||
padding: 32px;
|
padding: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1 +1,2 @@
|
|||||||
$accent: #ff6565;
|
$accent: #ff6565;
|
||||||
|
$unimportant: #636363;
|
||||||
|
|||||||
Reference in New Issue
Block a user