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

Updated AMP styling for callout cards

Browse Source 
Refs https://github.com/TryGhost/Team/issues/1206
This commit is contained in:
Sanne de Vries 2021-12-03 09:39:49 +00:00
parent d19b42049c
commit dae4cd7de6
2 changed files with 51 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
core/frontend/apps/amp/lib/views/amp.hbs
View File

@ -581,6 +581,56 @@
color: #fff;
}
.kg-callout-card {
display: flex;
padding: 20px 28px;
border-radius: 3px;
}
.kg-callout-card-grey {
background: rgba(124, 139, 154, 0.13);
}
.kg-callout-card-white {
background: transparent;
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
}
.kg-callout-card-blue {
background: rgba(33, 172, 232, 0.12);
}
.kg-callout-card-green {
background: rgba(52, 183, 67, 0.12);
}
.kg-callout-card-yellow {
background: rgba(240, 165, 15, 0.13);
}
.kg-callout-card-red {
background: rgba(209, 46, 46, 0.11);
}
.kg-callout-card-pink {
background: rgba(225, 71, 174, 0.11);
}
.kg-callout-card-purple {
background: rgba(135, 85, 236, 0.12);
}
.kg-callout-card-accent {
background: var(--ghost-accent-color);
color: #fff;
}
.kg-callout-emoji {
padding-right: 16px;
line-height: 1.3;
font-size: 1.25em;
}
.kg-width-full.kg-card-hascaption {
display: grid;
grid-template-columns: inherit;

2
core/frontend/src/cards/css/callout.css
View File

@ -45,5 +45,5 @@
.kg-callout-emoji {
padding-right: 16px;
line-height: 1.6;
font-size: 2rem;
font-size: 1.25em;
}