therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improvements to relative font sizes

Browse source
This commit is contained in:
Henry Jameson 2022-04-10 22:09:46 +03:00
parent 666498e7b7
commit f27226b55c
3 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/panel.scss
View file

@ -28,7 +28,8 @@
.panel-body:empty::before {
content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations
display: block; margin: 1em;
display: block;
margin: 1em;
text-align: center;
}
@ -42,18 +43,18 @@
background-size: cover;
padding: 0.6em 0.6em;
text-align: left;
line-height: 28px;
line-height: calc(var(--panel-heading-height) / 2);
color: var(--panelText);
background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg);
align-items: baseline;
height: var(--panelHeadingHeight);
height: var(--panel-heading-height);
z-index: -2;
--panelHeadingHeight: 45px;
--panel-heading-height: 3.2em;
&.-flexible-height {
--panelHeadingHeight: auto;
--panel-heading-height: auto;
&::after,
&::before {
@ -92,7 +93,7 @@
z-index: -1;
border-radius: $fallback--panelRadius $fallback--panelRadius 0 0;
border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0;
mask: linear-gradient(to bottom, white var(--panelHeadingHeight), transparent var(--panelHeadingHeight));
mask: linear-gradient(to bottom, white var(--panel-heading-height), transparent var(--panel-heading-height));
}
.title {