Ravenholdt/Calculateur-Talents-Wow
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add arrow active state

Browse Source
This commit is contained in:
Melvin Valster
2019-07-22 22:58:32 +02:00
parent 1866951986
commit 0b4af07407
9 changed files with 40 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Arrow.scss
+15 -3
View File
@@ -24,9 +24,13 @@
}
&--right {
background: url('/images/arrows/right.png');
background-image: url('/images/arrows/right.png');
background-position: center right;
&.arrow--active {
background-image: url('/images/arrows/right-active.png');
}
// Cols
@for $i from 0 through 3 {
&[data-col="#{$i}"] {
@@ -36,9 +40,13 @@
}
&--left {
background: url('/images/arrows/left.png');
background-image: url('/images/arrows/left.png');
background-position: center left;
&.arrow--active {
background-image: url('/images/arrows/left-active.png');
}
// Cols
@for $i from 0 through 3 {
&[data-col="#{$i}"] {
@@ -49,9 +57,13 @@
&--down {
width: $arrow-width;
background: url('/images/arrows/down.png');
background-image: url('/images/arrows/down.png');
background-position: center bottom;
&.arrow--active {
background-image: url('/images/arrows/down-active.png');
}
// Rows
@for $i from 0 through 6 {
&[data-row="#{$i}"] {