style(slider): slider button style change (#699)

* style(slider): slider button style change

slider button add box-sizing: border-box and change the default size to make sure the style is the
same of before.

* style(slider): remove outline
This commit is contained in:
kooriookami 2020-11-26 09:09:53 -06:00 committed by GitHub
parent b1bdb6de8b
commit 62d727b567
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 1 deletions

View File

@ -767,7 +767,7 @@ $--slider-border-radius: 3px !default;
/// height|1|Other|4
$--slider-height: 6px !default;
/// height||Other|4
$--slider-button-size: 16px !default;
$--slider-button-size: 20px !default;
$--slider-button-wrapper-size: 36px !default;
$--slider-button-wrapper-offset: -15px !default;

View File

@ -101,6 +101,7 @@
text-align: center;
user-select: none;
line-height: normal;
outline: none;
@include utils-vertical-center;
&:hover,
@ -121,6 +122,7 @@
border: solid 2px $--slider-main-background-color;
background-color: $--color-white;
border-radius: 50%;
box-sizing: border-box;
transition: .2s;
user-select: none;