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

Updated callout card class for consistency

Browse source 
No ref

- Swapped "kg-card-callout" for "kg-callout-card"
This commit is contained in:
Sanne de Vries 2021-12-01 14:25:27 +00:00
parent 3407df7c1c
commit ea50944897
2 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
core/frontend/src/cards/css/callout.css
View file

@ -1,43 +1,43 @@
.kg-card-callout { .kg-callout-card {
display: flex; display: flex;
padding: 20px 28px; padding: 20px 28px;
border-radius: 3px; border-radius: 3px;
} }
.kg-card-callout-grey { .kg-callout-card-grey {
background: rgba(124, 139, 154, 0.13); background: rgba(124, 139, 154, 0.13);
} }
.kg-card-callout-white { .kg-callout-card-white {
background: transparent; background: transparent;
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25); box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
} }
.kg-card-callout-blue { .kg-callout-card-blue {
background: rgba(33, 172, 232, 0.12); background: rgba(33, 172, 232, 0.12);
} }
.kg-card-callout-green { .kg-callout-card-green {
background: rgba(52, 183, 67, 0.12); background: rgba(52, 183, 67, 0.12);
} }
.kg-card-callout-yellow { .kg-callout-card-yellow {
background: rgba(240, 165, 15, 0.13); background: rgba(240, 165, 15, 0.13);
} }
.kg-card-callout-red { .kg-callout-card-red {
background: rgba(209, 46, 46, 0.11); background: rgba(209, 46, 46, 0.11);
} }
.kg-card-callout-pink { .kg-callout-card-pink {
background: rgba(225, 71, 174, 0.11); background: rgba(225, 71, 174, 0.11);
} }
.kg-card-callout-purple { .kg-callout-card-purple {
background: rgba(135, 85, 236, 0.12); background: rgba(135, 85, 236, 0.12);
} }
.kg-card-callout-accent { .kg-callout-card-accent {
background: var(--ghost-accent-color); background: var(--ghost-accent-color);
color: #fff; color: #fff;
} }

24
core/server/services/mega/template.js
View file

@ -557,56 +557,56 @@ figure blockquote p {
padding-bottom: 4px; padding-bottom: 4px;
} }
.kg-card-callout { .kg-callout-card {
display: flex; display: flex;
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
padding: 20px 28px; padding: 20px 28px;
border-radius: 3px; border-radius: 3px;
} }
.kg-card-callout p { .kg-callout-card p {
margin: 0 margin: 0
} }
.kg-card-callout-grey { .kg-callout-card-grey {
background: #eef0f2; background: #eef0f2;
} }
.kg-card-callout-white { .kg-callout-card-white {
background: #fff; background: #fff;
box-shadow: inset 0 0 0 1px #dddedf; box-shadow: inset 0 0 0 1px #dddedf;
} }
.kg-card-callout-blue { .kg-callout-card-blue {
background: #E9F6FB; background: #E9F6FB;
} }
.kg-card-callout-green { .kg-callout-card-green {
background: #E8F8EA; background: #E8F8EA;
} }
.kg-card-callout-yellow { .kg-callout-card-yellow {
background: #FCF4E3; background: #FCF4E3;
} }
.kg-card-callout-red { .kg-callout-card-red {
background: #FBE9E9; background: #FBE9E9;
} }
.kg-card-callout-pink { .kg-callout-card-pink {
background: #FCEEF8; background: #FCEEF8;
} }
.kg-card-callout-purple { .kg-callout-card-purple {
background: #F2EDFC; background: #F2EDFC;
} }
.kg-card-callout-accent { .kg-callout-card-accent {
background: ${templateSettings.accentColor || '#15212A'}; background: ${templateSettings.accentColor || '#15212A'};
color: #fff; color: #fff;
} }
.kg-card-callout-accent a { .kg-callout-card-accent a {
color: #fff; color: #fff;
} }