Mobile header size

merge-requests/8/head
Bob Mottram 2020-10-12 21:43:55 +01:00
parent ad29df38f5
commit f79689800d
1 changed files with 17 additions and 9 deletions

View File

@ -77,6 +77,7 @@
--column-left-header-background: #555; --column-left-header-background: #555;
--column-left-header-color: #fff; --column-left-header-color: #fff;
--column-left-header-size: 20px; --column-left-header-size: 20px;
--column-left-header-size-mobile: 50px;
--column-left-icon-size: 20%; --column-left-icon-size: 20%;
--column-left-icon-size-mobile: 10%; --column-left-icon-size-mobile: 10%;
--column-left-image-width-mobile: 40vw; --column-left-image-width-mobile: 40vw;
@ -151,15 +152,6 @@ h1 {
color: var(--title-color); color: var(--title-color);
} }
h3.linksHeader {
background-color: var(--column-left-header-background);
color: var(--column-left-header-color);
font-size: var(--column-left-header-size);
text-transform: uppercase;
padding: 4px;
border: none;
}
a, u { a, u {
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -958,6 +950,14 @@ aside .toggle-inside li {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
h3.linksHeader {
background-color: var(--column-left-header-background);
color: var(--column-left-header-color);
font-size: var(--column-left-header-size);
text-transform: uppercase;
padding: 4px;
border: none;
}
.newswireItem { .newswireItem {
font-size: var(--font-size-newswire); font-size: var(--font-size-newswire);
color: var(--column-right-fg-color); color: var(--column-right-fg-color);
@ -1543,6 +1543,14 @@ aside .toggle-inside li {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
h3.linksHeader {
background-color: var(--column-left-header-background);
color: var(--column-left-header-color);
font-size: var(--column-left-header-size-mobile);
text-transform: uppercase;
padding: 4px;
border: none;
}
.leftColEditImage { .leftColEditImage {
background: var(--main-bg-color); background: var(--main-bg-color);
width: var(--column-left-icon-size-mobile); width: var(--column-left-icon-size-mobile);