danog/sass-site
1
0
Fork 0
mirror of https://github.com/danog/sass-site.git synced 2024-11-27 04:24:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

⚒ Structural changes to make page more semantic

Browse Source
This commit is contained in:
tatianamac 2019-12-12 13:46:34 -08:00
parent 80e672a3e0
commit 41ca35e9e2
2 changed files with 37 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/assets/css/visual-design/_theme.scss
View File

@ -328,7 +328,7 @@ html {
}
body {
background: transparent;
background: white;
color: $sl-color--pale-sky;
}

63
source/layouts/layout.haml
View File

@ -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.
&#32;
= link_to impl_version(:dart) || '???', release_url(:dart)
%li
%span.release-name<
= link_to 'Dart Sass', '/dart-sass'
-# Force space between the two links.
&#32;
= link_to impl_version(:dart) || '???', release_url(:dart)
%li
%span.release-name<
= link_to 'LibSass', '/libsass'
-# Force space between the two links.
&#32;
= link_to impl_version(:libsass) || '???', release_url(:libsass)
%li
%span.release-name<
= link_to 'LibSass', '/libsass'
-# Force space between the two links.
&#32;
= 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')
&#32; ⚰
%li
%span.release-name<
= link_to 'Ruby Sass', '/ruby-sass'
-# Force space between the link and the coffin.
%span(role='presentation' aria-label='coffin')
&#32; ⚰
%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