Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00: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;
padding: 20px 28px;
border-radius: 3px;
}
.kg-card-callout-grey {
.kg-callout-card-grey {
background: rgba(124, 139, 154, 0.13);
}
.kg-card-callout-white {
.kg-callout-card-white {
background: transparent;
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);
}
.kg-card-callout-green {
.kg-callout-card-green {
background: rgba(52, 183, 67, 0.12);
}
.kg-card-callout-yellow {
.kg-callout-card-yellow {
background: rgba(240, 165, 15, 0.13);
}
.kg-card-callout-red {
.kg-callout-card-red {
background: rgba(209, 46, 46, 0.11);
}
.kg-card-callout-pink {
.kg-callout-card-pink {
background: rgba(225, 71, 174, 0.11);
}
.kg-card-callout-purple {
.kg-callout-card-purple {
background: rgba(135, 85, 236, 0.12);
}
.kg-card-callout-accent {
.kg-callout-card-accent {
background: var(--ghost-accent-color);
color: #fff;
}

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

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