From 7d69a91bfeb24404713282f05294462defd2e7c4 Mon Sep 17 00:00:00 2001 From: Stefanie Fluin Date: Tue, 11 Apr 2017 19:21:56 -0700 Subject: [PATCH] table updates, live example add, shield logo res --- aio/src/app/app.component.ts | 2 +- aio/src/styles/2-modules/_live-example.scss | 3 +++ aio/src/styles/2-modules/_modules-dir.scss | 3 ++- aio/src/styles/2-modules/_table.scss | 7 ++++--- 4 files changed, 10 insertions(+), 5 deletions(-) create mode 100644 aio/src/styles/2-modules/_live-example.scss diff --git a/aio/src/app/app.component.ts b/aio/src/app/app.component.ts index a0a7d0ac75..3aae674c89 100644 --- a/aio/src/app/app.component.ts +++ b/aio/src/app/app.component.ts @@ -38,7 +38,7 @@ export class AppComponent implements OnInit { get homeImageUrl() { return this.isSideBySide ? 'assets/images/logos/standard/logo-nav@2x.png' : - 'assets/images/logos/standard/logo-nav-small.png'; + 'assets/images/logos/standard/shield-large@2x.png'; } get isOpened() { return this.isSideBySide && this.isSideNavDoc; } get mode() { return this.isSideBySide ? 'side' : 'over'; } diff --git a/aio/src/styles/2-modules/_live-example.scss b/aio/src/styles/2-modules/_live-example.scss new file mode 100644 index 0000000000..e66948eaa1 --- /dev/null +++ b/aio/src/styles/2-modules/_live-example.scss @@ -0,0 +1,3 @@ +live-example > div:first-child { + max-width: 600px; +} \ No newline at end of file diff --git a/aio/src/styles/2-modules/_modules-dir.scss b/aio/src/styles/2-modules/_modules-dir.scss index 15cf17b1d3..a8370d2a6b 100644 --- a/aio/src/styles/2-modules/_modules-dir.scss +++ b/aio/src/styles/2-modules/_modules-dir.scss @@ -18,4 +18,5 @@ @import 'announcement-bar'; @import 'banner'; @import 'api-list'; - @import 'hr'; \ No newline at end of file + @import 'hr'; + @import 'live-example'; \ No newline at end of file diff --git a/aio/src/styles/2-modules/_table.scss b/aio/src/styles/2-modules/_table.scss index b68c2698f3..78ea0e6617 100644 --- a/aio/src/styles/2-modules/_table.scss +++ b/aio/src/styles/2-modules/_table.scss @@ -20,7 +20,7 @@ table { } th { - background: $offwhite; + background: rgba($lightgray, 0.2); border-bottom: 1px solid $lightgray; color: $darkgray; font-size: 12px; @@ -28,6 +28,7 @@ table { padding: 8px 32px; text-align: left; text-transform: uppercase; + line-height: 28px; } } @@ -35,7 +36,7 @@ table { th, td { border-bottom: 1px solid $lightgray; - padding: 16px 24px; + padding: 16px 32px; text-align: left; line-height: 24px; @@ -64,7 +65,7 @@ table { } th { - background: $offwhite; + background: rgba($lightgray, 0.2); border-right: 1px solid $lightgray; font-weight: 600; max-width: 100px;