From 41ca35e9e29594731f97bd5ed793e84134a2d423 Mon Sep 17 00:00:00 2001 From: tatianamac Date: Thu, 12 Dec 2019 13:46:34 -0800 Subject: [PATCH] =?UTF-8?q?=E2=9A=92=20Structural=20changes=20to=20make=20?= =?UTF-8?q?page=20more=20semantic?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- source/assets/css/visual-design/_theme.scss | 2 +- source/layouts/layout.haml | 63 ++++++++++++--------- 2 files changed, 37 insertions(+), 28 deletions(-) diff --git a/source/assets/css/visual-design/_theme.scss b/source/assets/css/visual-design/_theme.scss index 0c10146..85c7676 100644 --- a/source/assets/css/visual-design/_theme.scss +++ b/source/assets/css/visual-design/_theme.scss @@ -328,7 +328,7 @@ html { } body { - background: transparent; + background: white; color: $sl-color--pale-sky; } diff --git a/source/layouts/layout.haml b/source/layouts/layout.haml index e1c3195..853173a 100644 --- a/source/layouts/layout.haml +++ b/source/layouts/layout.haml @@ -58,6 +58,15 @@ .sl-c-pop-stripe %header.sl-r-banner(itemtype='http://schema.org/WPHeader' itemscope='itemscope' role='banner') + .sl-c-alert.sl-c-alert--info + .sl-l-container + %p + %strong Sass just launched a brand new module system. + = succeed '!' do + = link_to '/blog/posts/7858341-the-module-system-is-launched' do + Learn all about it on the Sass blog + + .sl-c-pop-stripe .sl-l-container .sl-l-grid.sl-l-grid--full.sl-l-large-grid--fit.sl-l-large-grid--center.sl-l-large-grid--gutters %p.sl-l-grid__column.sl-r-banner__brand @@ -89,38 +98,38 @@ .sl-l-container.sl-background--white{class: section_class}= yield - .sl-c-alert - .sl-l-container.sl-c-list-horizontal-wrapper - %ul.sl-l-grid--justify-center - %li - Current Releases: + .sl-c-alert + .sl-l-container.sl-c-list-horizontal-wrapper + %ul.sl-l-grid--justify-center + %li + Current Releases: - %li - %span.release-name< - = link_to 'Dart Sass', '/dart-sass' - -# Force space between the two links. - - = link_to impl_version(:dart) || '???', release_url(:dart) + %li + %span.release-name< + = link_to 'Dart Sass', '/dart-sass' + -# Force space between the two links. + + = link_to impl_version(:dart) || '???', release_url(:dart) - %li - %span.release-name< - = link_to 'LibSass', '/libsass' - -# Force space between the two links. - - = link_to impl_version(:libsass) || '???', release_url(:libsass) + %li + %span.release-name< + = link_to 'LibSass', '/libsass' + -# Force space between the two links. + + = link_to impl_version(:libsass) || '???', release_url(:libsass) - %li - %span.release-name< - = link_to 'Ruby Sass', '/ruby-sass' - -# Force space between the link and the coffin. - %span(role='presentation' aria-label='coffin') - ⚰ + %li + %span.release-name< + = link_to 'Ruby Sass', '/ruby-sass' + -# Force space between the link and the coffin. + %span(role='presentation' aria-label='coffin') + ⚰ - %li.sl-l-grid__column.sl-l-large-grid__column--auto-size - = link_to 'Implementation Guide', '/implementation' + %li.sl-l-grid__column.sl-l-large-grid__column--auto-size + = link_to 'Implementation Guide', '/implementation' - - if content_for?(:section_bottom) - %section.sl-background--white.sl-l-container= Typogruby.improve(yield_content :section_bottom) + - if content_for?(:section_bottom) + %section.sl-background--white.sl-l-container= Typogruby.improve(yield_content :section_bottom) %footer.site-footer.contentinfo(itemtype='http://schema.org/WPFooter' itemscope='itemscope' role='contentinfo') .sl-l-container.sl-l-section