kopia lustrzana https://github.com/wagtail/wagtail
36 wiersze
862 B
SCSS
36 wiersze
862 B
SCSS
|
@use 'sass:map';
|
||
|
|
@use 'sass:math';
|
||
|
|
|
||
|
|
$select-size: $text-input-height;
|
||
|
|
$chevron-width: 16px;
|
||
|
|
$chevron-height: 8px;
|
||
|
|
$chevron-top-offset: math.div($select-size - $chevron-height, 2);
|
||
|
|
$chevron-inline-end-offset: math.div($select-size - $chevron-width, 2);
|
||
|
|
|
||
|
|
@mixin select-arrow() {
|
||
|
|
background-image: url('#{$images-root}icons/chevron-down.svg');
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: rem($chevron-width);
|
||
|
|
background-position: calc(100% - rem($chevron-inline-end-offset))
|
||
|
|
rem($chevron-top-offset);
|
||
|
|
}
|
||
|
|
|
||
|
|
select {
|
||
|
|
@include input-base();
|
||
|
|
@include select-arrow();
|
||
|
|
@apply w-body-text-large;
|
||
|
|
min-height: rem($select-size);
|
||
|
|
padding: 0 theme('spacing.5');
|
||
|
|
padding-inline-end: rem($select-size);
|
||
|
|
}
|
||
|
|
|
||
|
|
select[multiple] {
|
||
|
|
background-image: none;
|
||
|
|
min-height: theme('spacing.40');
|
||
|
|
padding: 0;
|
||
|
|
|
||
|
|
option {
|
||
|
|
padding: 0 theme('spacing.5');
|
||
|
|
}
|
||
|
|
}
|