From 6864149989c6a5b1bb6e9199e1f8af062c64dcc4 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Wed, 20 Dec 2017 15:14:05 +0000 Subject: Converted to SASS/SCSS --- demo/src/sass/layout/core.scss | 63 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 demo/src/sass/layout/core.scss (limited to 'demo/src/sass/layout/core.scss') diff --git a/demo/src/sass/layout/core.scss b/demo/src/sass/layout/core.scss new file mode 100644 index 00000000..c4d9a445 --- /dev/null +++ b/demo/src/sass/layout/core.scss @@ -0,0 +1,63 @@ +// ========================================================================== +// Core +// ========================================================================== + +html, +body { + display: flex; + width: 100%; +} + +html { + background: $page-background; + background-attachment: fixed; + height: 100%; +} + +body { + align-items: center; + display: flex; + flex-direction: column; + min-height: 100%; +} + +.grid { + flex: 1; + overflow: auto; +} + +main { + margin: auto; + text-align: center; +} + +aside { + align-items: center; + background: #fff; + color: $gray; + display: flex; + flex-shrink: 0; + justify-content: center; + padding: ($spacing-base * 0.75); + 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); + } + } +} -- cgit v1.2.3 From 73a39769d4cc3d5d04e272ca571c849a0d8adfd6 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sun, 11 Feb 2018 15:09:34 +1100 Subject: Fullscreen API changes, color settings tweaks --- demo/src/sass/layout/core.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'demo/src/sass/layout/core.scss') diff --git a/demo/src/sass/layout/core.scss b/demo/src/sass/layout/core.scss index c4d9a445..0501c1df 100644 --- a/demo/src/sass/layout/core.scss +++ b/demo/src/sass/layout/core.scss @@ -28,6 +28,7 @@ body { main { margin: auto; + padding-bottom: 1px; // Collapsing margins text-align: center; } -- cgit v1.2.3