sass-site/source/layouts/responsive_test.haml
Natalie Weizenbaum e367b287a7 Add release info for all major implementations in the middle bar
This doesn't actually get the release data from anywhere yet, nor do
Ruby Sass nor Dart Sass have their own pages yet.
2018-03-17 12:38:51 -07:00

61 lines
1.8 KiB
Plaintext

!!!5
%html.no-js(lang="en"){:class => data.page.head_classes}
%head
%meta(charset="utf-8")/
%meta(http-equiv="X-UA-Compatible" content="IE=edge")/
%title= page_title
= partial "layouts/head/meta"
= partial "layouts/head/link"
= partial "layouts/head/css"
= partial "layouts/head/js"
%body{class: page_classes}
.page
= partial "layouts/roles/alert"
.pop-stripe
= partial "layouts/regions/banner"
= partial "layouts/regions/page_header"
.body
=yield
- content_for :alert do
%form.responsive-test-url(role="form" method="post")
%fieldset
%p
%label.visually-hidden(for="test-url") Test URL
%input#test-url(type="text" placeholder="Enter a site URL")/
%p
%label.radio(for="normal")
%input#normal(type="radio" name="option" value="1" checked="checked")/
Width only
%label.radio(for="accurate")
%input#accurate(type="radio" name="option" value="2")/
Device sizes
%label.checkbox(for="scrollbar")
%input#scrollbar(type="checkbox" name="scrollbar" value="1" checked="checked")/
Add Scrollbar Width
%p.visually-hidden
%button.primary(type="submit") Submit
- content_for :js_foot do
= javascript_include_tag "tools/styleguide/responsive/test"
- if content_for?(:section_middle)
%section.section-middle
.container= yield_content :section_middle
= partial "layouts/regions/release"
- if content_for?(:section_bottom)
%section.section-bottom
.container= yield_content :section_bottom
= partial "layouts/regions/contentinfo"
= partial "layouts/foot/js"