mirror of
https://github.com/ankitects/anki.git
synced 2025-09-21 07:22:23 -04:00
Add another border-radius value
and make former large radius a bit smaller.
This commit is contained in:
parent
3d8c4ead8f
commit
0e559bff8b
3 changed files with 16 additions and 10 deletions
|
@ -62,12 +62,12 @@ tr:hover:not(.top-level-drag-row) {
|
|||
td {
|
||||
background: color(border-subtle);
|
||||
&:first-child {
|
||||
border-top-left-radius: prop(border-radius-large);
|
||||
border-bottom-left-radius: prop(border-radius-large);
|
||||
border-top-left-radius: prop(border-radius-medium);
|
||||
border-bottom-left-radius: prop(border-radius-medium);
|
||||
}
|
||||
&:last-child {
|
||||
border-top-right-radius: prop(border-radius-large);
|
||||
border-bottom-right-radius: prop(border-radius-large);
|
||||
border-top-right-radius: prop(border-radius-medium);
|
||||
border-bottom-right-radius: prop(border-radius-medium);
|
||||
}
|
||||
.gears {
|
||||
visibility: visible;
|
||||
|
@ -82,14 +82,14 @@ tr:hover:not(.top-level-drag-row) {
|
|||
&:first-child {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-right-radius: prop(border-radius-large);
|
||||
border-bottom-right-radius: prop(border-radius-large);
|
||||
border-top-right-radius: prop(border-radius-medium);
|
||||
border-bottom-right-radius: prop(border-radius-medium);
|
||||
}
|
||||
&:last-child {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-left-radius: prop(border-radius-large);
|
||||
border-bottom-left-radius: prop(border-radius-large);
|
||||
border-top-left-radius: prop(border-radius-medium);
|
||||
border-bottom-left-radius: prop(border-radius-medium);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -25,8 +25,14 @@ $vars: (
|
|||
default: 5px,
|
||||
),
|
||||
),
|
||||
medium: (
|
||||
"Used for container corners",
|
||||
(
|
||||
default: 12px,
|
||||
),
|
||||
),
|
||||
large: (
|
||||
"Used for big centered buttons",
|
||||
"Used for pill-shaped buttons",
|
||||
(
|
||||
default: 15px,
|
||||
),
|
||||
|
|
|
@ -158,7 +158,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|||
.modal-content {
|
||||
background-color: var(--canvas);
|
||||
color: var(--fg);
|
||||
border-radius: var(--border-radius-large, 10px);
|
||||
border-radius: var(--border-radius-medium, 10px);
|
||||
}
|
||||
|
||||
.invert {
|
||||
|
|
Loading…
Reference in a new issue