Add down-arrow SASS function

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

View file

@ -53,7 +53,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
.visible-down-arrow { .visible-down-arrow {
/* override the default 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); @include button.btn-day($with-hover: false);

View file

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

View file

@ -116,3 +116,7 @@ $focus-color: $blue;
box-shadow: inset 0 calc(var(--buttons-size) / 15) calc(var(--buttons-size) / 5) box-shadow: inset 0 calc(var(--buttons-size) / 15) calc(var(--buttons-size) / 5)
rgba(black, $intensity); 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");
}