diff options
Diffstat (limited to 'demo/src/sass/layout/core.scss')
-rw-r--r-- | demo/src/sass/layout/core.scss | 80 |
1 files changed, 40 insertions, 40 deletions
diff --git a/demo/src/sass/layout/core.scss b/demo/src/sass/layout/core.scss index b9b2d4d5..3687b7d2 100644 --- a/demo/src/sass/layout/core.scss +++ b/demo/src/sass/layout/core.scss @@ -4,60 +4,60 @@ html, body { - display: flex; - width: 100%; + display: flex; + width: 100%; } html { - background: $page-background; - background-attachment: fixed; - height: 100%; + background: $page-background; + background-attachment: fixed; + height: 100%; } body { - align-items: center; - display: flex; - flex-direction: column; - min-height: 100%; + align-items: center; + display: flex; + flex-direction: column; + min-height: 100%; } .grid { - flex: 1; - overflow: auto; + flex: 1; + overflow: auto; } main { - margin: auto; - padding-bottom: 1px; // Collapsing margins - text-align: center; + margin: auto; + padding-bottom: 1px; // Collapsing margins + text-align: center; } aside { - align-items: center; - background: #fff; - display: flex; - flex-shrink: 0; - justify-content: center; - padding: $spacing-base; - position: relative; - text-align: center; - text-shadow: none; - width: 100%; - - .icon { - fill: $color-twitter; - margin-right: ($spacing-base / 2); - } - - p { - margin: 0; - } - - a { - color: $color-twitter; - - &.tab-focus { - @include tab-focus($color-twitter); - } + align-items: center; + background: #fff; + display: flex; + flex-shrink: 0; + justify-content: center; + padding: $spacing-base; + position: relative; + text-align: center; + text-shadow: none; + width: 100%; + + .icon { + fill: $color-twitter; + margin-right: ($spacing-base / 2); + } + + p { + margin: 0; + } + + a { + color: $color-twitter; + + &.tab-focus { + @include tab-focus($color-twitter); } + } } |