forked from indymedia/epicyon
Bigger headers on mobile
parent
1299029074
commit
61ad3c838b
|
@ -33,6 +33,7 @@
|
||||||
--font-size-newswire: 18px;
|
--font-size-newswire: 18px;
|
||||||
--font-size-newswire-mobile: 40px;
|
--font-size-newswire-mobile: 40px;
|
||||||
--font-size-dropdown-header: 40px;
|
--font-size-dropdown-header: 40px;
|
||||||
|
--font-size-mobile: 40px;
|
||||||
--font-size: 30px;
|
--font-size: 30px;
|
||||||
--font-size2: 24px;
|
--font-size2: 24px;
|
||||||
--font-size3: 38px;
|
--font-size3: 38px;
|
||||||
|
@ -254,12 +255,6 @@ blockquote p {
|
||||||
border: 2px solid var(--focus-color);
|
border: 2px solid var(--focus-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-family: var(--header-font);
|
|
||||||
font-size: var(--font-size);
|
|
||||||
color: var(--title-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
a, u {
|
a, u {
|
||||||
color: var(--main-fg-color);
|
color: var(--main-fg-color);
|
||||||
}
|
}
|
||||||
|
@ -944,6 +939,11 @@ div.container {
|
||||||
font-size: var(--font-size);
|
font-size: var(--font-size);
|
||||||
line-height: var(--line-spacing);
|
line-height: var(--line-spacing);
|
||||||
}
|
}
|
||||||
|
h1 {
|
||||||
|
font-family: var(--header-font);
|
||||||
|
font-size: var(--font-size);
|
||||||
|
color: var(--title-color);
|
||||||
|
}
|
||||||
.containerHeader {
|
.containerHeader {
|
||||||
border: var(--border-width-header) solid var(--border-color);
|
border: var(--border-width-header) solid var(--border-color);
|
||||||
background-color: var(--header-bg-color);
|
background-color: var(--header-bg-color);
|
||||||
|
@ -1591,6 +1591,11 @@ div.container {
|
||||||
font-size: var(--font-size);
|
font-size: var(--font-size);
|
||||||
line-height: var(--line-spacing);
|
line-height: var(--line-spacing);
|
||||||
}
|
}
|
||||||
|
h1 {
|
||||||
|
font-family: var(--header-font);
|
||||||
|
font-size: var(--font-size-mobile);
|
||||||
|
color: var(--title-color);
|
||||||
|
}
|
||||||
.containerHeader {
|
.containerHeader {
|
||||||
border: var(--border-width-header) solid var(--border-color);
|
border: var(--border-width-header) solid var(--border-color);
|
||||||
background-color: var(--header-bg-color);
|
background-color: var(--header-bg-color);
|
||||||
|
|
Loading…
Reference in New Issue