GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-21 23:42:23 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Add down-arrow SASS function

Browse source
This commit is contained in:
Henrik Giesel 2021-06-05 00:40:55 +02:00
parent 65f0e7a4ea
commit dba85e7755
3 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ts/components/SelectButton.svelte
View file

@ -53,7 +53,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.visible-down-arrow {
/* override the default down arrow */
@include button.select-night-mode;
background-image: button.down-arrow(white);
}
@include button.btn-day($with-hover: false);

2
ts/deckoptions/EnumSelector.svelte
View file

@ -23,6 +23,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.visible-down-arrow {
/* override the default down arrow */
@include button.select-night-mode;
background-image: button.down-arrow(white);
}
</style>

4
ts/sass/button_mixins.scss
View file

@ -116,3 +116,7 @@ $focus-color: $blue;
box-shadow: inset 0 calc(var(--buttons-size) / 15) calc(var(--buttons-size) / 5)
rgba(black, $intensity);
}
@function down-arrow($color) {
@return url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='transparent' stroke='#{$color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}