Use rem, fix cursor for dashboard icon size

This commit is contained in:
Jan Faracik 2022-07-06 22:59:13 +01:00
parent 21d4c73d9e
commit 1e646ff7ee
3 changed files with 9 additions and 8 deletions

View File

@ -53,7 +53,7 @@
content: ""; content: "";
inset: 0; inset: 0;
z-index: -1; z-index: -1;
border-radius: 10px; border-radius: 0.66rem;
transition: var(--standard-transition); transition: var(--standard-transition);
pointer-events: none; pointer-events: none;
} }

View File

@ -18,7 +18,7 @@
text-decoration: none !important; text-decoration: none !important;
background: transparent; background: transparent;
color: var(--text-color) !important; color: var(--text-color) !important;
border-radius: 10px; border-radius: 0.66rem;
cursor: pointer; cursor: pointer;
min-height: 36px; min-height: 36px;
white-space: nowrap; white-space: nowrap;
@ -49,7 +49,7 @@
} }
&::after { &::after {
box-shadow: 0 0 0 10px var(--primary); box-shadow: 0 0 0 0.66rem var(--primary);
opacity: 0; opacity: 0;
} }
@ -65,7 +65,7 @@
opacity: 0.8; opacity: 0.8;
} }
&::after { &::after {
box-shadow: 0 0 0 5px var(--primary); box-shadow: 0 0 0 0.33rem var(--primary);
opacity: 0.2; opacity: 0.2;
} }
} }
@ -89,7 +89,7 @@
} }
&::after { &::after {
box-shadow: 0 0 0 10px currentColor; box-shadow: 0 0 0 0.66rem currentColor;
opacity: 0; opacity: 0;
} }
@ -105,7 +105,7 @@
opacity: 0.2; opacity: 0.2;
} }
&::after { &::after {
box-shadow: 0 0 0 5px currentColor; box-shadow: 0 0 0 0.33rem currentColor;
opacity: 0.1; opacity: 0.1;
} }
} }
@ -121,7 +121,7 @@
} }
&::after { &::after {
box-shadow: 0 0 0 10px var(--color); box-shadow: 0 0 0 0.66rem var(--color);
opacity: 0; opacity: 0;
} }
@ -137,7 +137,7 @@
opacity: 0.8; opacity: 0.8;
} }
&::after { &::after {
box-shadow: 0 0 0 5px var(--color); box-shadow: 0 0 0 0.33rem var(--color);
opacity: 0.3; opacity: 0.3;
} }
} }

View File

@ -59,6 +59,7 @@
font-weight: var(--btn-link-font-weight); font-weight: var(--btn-link-font-weight);
font-size: var(--btn-font-size); font-size: var(--btn-font-size);
background: var(--button-background--hover); background: var(--button-background--hover);
cursor: default;
} }
} }
} }