TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-25 20:03:12 +03:00
Code Issues Projects Releases Wiki Activity

Updated responsive styles for headers in Koenig

Browse Source
This commit is contained in:
Peter Zimon 2021-12-17 10:09:38 +01:00
parent a8822a4a50
commit fa29e50c7d
1 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
ghost/admin/app/styles/components/koenig.css
View File

@ -2256,6 +2256,46 @@ button.emoji-picker__category-button.active {
color: var(--middarkgrey);
}
@media (max-width: 1150px) {
.kg-header-card.kg-size-large .kg-header-card-header .__mobiledoc-editor.__has-no-content:after,
.kg-header-card.kg-size-large h2 {
font-size: 4.8em;
}
}
@media (max-width: 980px) {
.kg-header-card {
padding: 8vmin 4vmin;
}
.kg-header-card-header .__mobiledoc-editor.__has-no-content:after,
.kg-header-card h2 {
font-size: 3.8em;
}
.kg-header-card.kg-size-large .kg-header-card-header .__mobiledoc-editor.__has-no-content:after,
.kg-header-card.kg-size-large h2 {
font-size: 4.0em;
}
}
@media (max-width: 680px) {
.kg-header-card-header .__mobiledoc-editor.__has-no-content:after,
.kg-header-card h2 {
font-size: 3.0em;
}
.kg-header-card.kg-size-small .kg-header-card-header .__mobiledoc-editor.__has-no-content:after,
.kg-header-card.kg-size-small h2 {
font-size: 2.8em;
}
.kg-header-card.kg-size-large .kg-header-card-header .__mobiledoc-editor.__has-no-content:after,
.kg-header-card.kg-size-large h2 {
font-size: 3.2em;
}
}
/* Upload cards: audio and file
/* --------------------------------------------------------------- */
.kg-upload-container {