docs: align badges vertically within their container, remove shadow from content area

This commit is contained in:
Eric Jimenez 2016-05-25 10:50:58 -04:00 committed by Naomi Black
parent d12b74d244
commit a0a0e8f35c
2 changed files with 6 additions and 1 deletions

View File

@ -25,7 +25,7 @@ html(lang="en" ng-app="angularIOApp" itemscope itemtype="http://schema.org/Frame
else else
article(class="l-content-small grid-fluid docs-content") article(class="l-content-small grid-fluid docs-content")
div(class="c10") div(class="c10")
.showcase.shadow-1 .showcase
.showcase-content .showcase-content
!= yield != yield
if (current.path[3] == 'guide' || current.path[3] == 'tutorial') && current.path[4] if (current.path[3] == 'guide' || current.path[3] == 'tutorial') && current.path[4]

View File

@ -67,6 +67,11 @@ $hero-padding: ($unit * 10) ($unit * 6) ($unit * 7);
} }
.badges { .badges {
display: flex;
justify-content: flex-start;
align-content: space-around;
align-items: center;
margin-top: 4px; margin-top: 4px;
.status-badge { .status-badge {