Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Applied styles to various headers

Browse source
This commit is contained in:
Peter Zimon 2021-12-16 15:37:20 +01:00
parent 05af5cdcd4
commit 22eac4e86f
1 changed files with 35 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
ghost/admin/app/styles/components/koenig.css
View file

@ -2032,7 +2032,7 @@ button.emoji-picker__category-button.active {
/* Header card
/* --------------------------------------------------------------- */
.kg-header-card {
padding: 12vmin 3em;
padding: 12vmin 8em;
min-height: 60vh;
display: flex;
flex-direction: column;
@ -2107,8 +2107,11 @@ button.emoji-picker__category-button.active {
.kg-header-card h3 {
font-size: 1.5em;
font-weight: 500;
line-height: 1.3em;
margin: 0.25em 0 0 !important;
line-height: 1.4em;
margin: 0.35em 0 0 !important;
min-width: unset;
max-width: 40em;
opacity: 0.85;
}
.kg-header-card h3 strong {
@ -2121,6 +2124,7 @@ button.emoji-picker__category-button.active {
.kg-header-card.kg-size-large h3 {
font-size: 1.75em;
line-height: 1.35em;
}
.kg-header-card:not(.kg-style-clear) h2,
@ -2128,26 +2132,44 @@ button.emoji-picker__category-button.active {
color: var(--white);
}
.kg-header-card.kg-style-accent h3,
.kg-header-card.kg-style-image h3 {
opacity: 1.0;
}
.kg-header-card-button {
margin-top: 1.75em;
background-color: var(--white);
}
.kg-header-card-button span {
font-size: 1.5rem;
height: 40px;
line-height: 40px;
padding: 0 20px;
font-size: 1.55rem;
height: 44px;
line-height: 44px;
padding: 0 24px;
}
.kg-size-small .kg-header-card-button {
margin-top: 1.5em;
}
.kg-size-small .kg-header-card-button span {
height: 38px;
line-height: 38px;
font-size: 1.45rem;
}
.kg-size-large .kg-header-card-button {
margin-top: 2em;
}
.kg-size-large .kg-header-card-button span {
height: 52px;
line-height: 52px;
font-size: 1.65rem;
padding: 0 28px;
}
.kg-style-clear .kg-header-card-button {
background-color: var(--accent-color);
color: #fff;
@ -3084,3 +3106,9 @@ button.emoji-picker__category-button.active {
top: 10px;
font-size: 1.4em;
}
.kg-header-card-subheader {
display: flex;
flex-direction: column;
align-items: center;
}