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

Use !important instead of :not() selector

Browse source 
!important cannot be used with the radius mixin, so I had to state them explicitly.
This commit is contained in:
Matthias M 2021-05-24 11:21:42 +02:00
parent 12e69cb668
commit eedc8274da
2 changed files with 11 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ts/editor/legacy.scss
View file

@ -4,10 +4,16 @@
display: inline-block; display: inline-block;
background-color: white; background-color: white;
border: 1px solid var(--medium-border); border: 1px solid var(--medium-border);
@include button.btn-border-radius;
/* !important cannot be used with @include */
border-top-left-radius: var(--border-left-radius) !important;
border-bottom-left-radius: var(--border-left-radius) !important;
border-top-right-radius: var(--border-right-radius) !important;
border-bottom-right-radius: var(--border-right-radius) !important;
min-width: 28px; min-width: 28px;
margin-left: -1px; margin-left: -1px;
padding: 3.5px; padding: 3.5px !important;
} }
.linkb:hover { .linkb:hover {

10
ts/sass/buttons.scss
View file

@ -15,10 +15,8 @@
.isLin { .isLin {
button { button {
font-size: 14px; font-size: 14px;
-webkit-appearance: none; -webkit-appearance: none;
}
button:not(.btn-group button) {
border-radius: 3px; border-radius: 3px;
padding: 5px; padding: 5px;
border: 1px solid var(--border); border: 1px solid var(--border);
@ -38,15 +36,13 @@
); );
box-shadow: 0 0 3px fusion_vars.$button-outline; box-shadow: 0 0 3px fusion_vars.$button-outline;
border: 1px solid fusion_vars.$button-border; border: 1px solid fusion_vars.$button-border;
}
button:not(.btn-group button) {
border-radius: 2px; border-radius: 2px;
padding: 10px; padding: 10px;
padding-top: 3px; padding-top: 3px;
padding-bottom: 3px; padding-bottom: 3px;
} }
button:hover { button:hover {
background: fusion_vars.$button-hover-bg; background: fusion_vars.$button-hover-bg;
} }