fix(aio): api list container centered

This commit is contained in:
Stefanie Fluin 2017-04-18 12:10:47 -07:00 committed by Pete Bacon Darwin
parent 8b31178647
commit c2fca3d9e0
2 changed files with 9 additions and 1 deletions
aio/src
app/embedded/api
styles/2-modules

View File

@ -28,7 +28,7 @@
</div> </div>
</div> </div>
<article class="l-content-small docs-content"> <article class="api-list-container l-content-small docs-content">
<div *ngFor="let section of filteredSections | async" > <div *ngFor="let section of filteredSections | async" >
<h2>{{section.title}}</h2> <h2>{{section.title}}</h2>
<ul class="api-list"> <ul class="api-list">

View File

@ -14,6 +14,12 @@ aio-api-list {
border: 1px solid rgba($lightgray, 0.5); border: 1px solid rgba($lightgray, 0.5);
border-radius: 4px; border-radius: 4px;
} }
.api-list-container {
display: flex;
flex-direction: column;
margin: 0 auto;
}
} }
aio-api-list > div { aio-api-list > div {
@ -318,6 +324,8 @@ $api-symbols: (
padding: 0 16px 0 0; padding: 0 16px 0 0;
text-decoration: none; text-decoration: none;
transition: all .3s; transition: all .3s;
overflow: hidden;
text-overflow: ellipsis;
&:hover { &:hover {
background: $blue-grey-50; background: $blue-grey-50;