Skip to content

Commit

Permalink
fix(callout): tweaks layout
Browse files Browse the repository at this point in the history
affects: @buildit/gravity-ui-web

Makes some layout adjustments to the callout component, so that it fits better on the website.
  • Loading branch information
James Nash committed Jun 10, 2019
1 parent 50661c5 commit af320c1
Showing 1 changed file with 9 additions and 7 deletions.
@@ -1,10 +1,11 @@
.grav-c-callout {
p {
@include grav-font-size(2);
line-height: 100%;
line-height: 1.2;

@media all and (min-width: grav-breakpoint(small)) {
margin-right: 1.5em;
max-width: 24rem;
margin-right: $grav-sp-l;
}

@media all and (min-width: grav-breakpoint(medium)) {
Expand All @@ -13,18 +14,19 @@
}

.grav-c-callout__columns {
max-width: $grav-page-content-max-width;
margin: $grav-sp-vertical-gap auto;
padding: 0 $grav-sp-m;
@include grav-l-container;

padding-top: $grav-sp-vertical-gap;
padding-bottom: $grav-sp-vertical-gap;

@media all and (min-width: grav-breakpoint(small)) {
display: flex;
margin-bottom: $grav-sp-vertical-gap;
align-items: center;
justify-content: space-between;
}
}

.grav-c-three-column-list-justified {
max-width: 18em;
max-width: 28rem;
}
}

0 comments on commit af320c1

Please sign in to comment.