Skip to content

Instantly share code, notes, and snippets.

@jcroft

jcroft/layout.sass

Created March 1, 2012 04:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jcroft/1947357 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jcroft/1947357 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Jeff Croft revised this gist Mar 1, 2012. 1 changed file with 0 additions and 6 deletions.
    6 changes: 0 additions & 6 deletions layout.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -15,24 +15,18 @@
    width: 25%

    #primary-content

    // Default (smallest screens)
    +column(100%)

    // Respond to other screen widths
    +respond-to(tablet)
    width: 66.666%

    +respond-to(desktop)
    width: 50%

    #secondary-content

    // Default (smallest screens)
    +column(100%)
    display: none

    // Respond to other screen widths
    +respond-to(desktop)
    width: 25%
    display: block
  2. Jeff Croft created this gist Mar 1, 2012.
    38 changes: 38 additions & 0 deletions layout.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,38 @@
    #content-wrapper
    +container

    #about

    // Default (smallest screens)
    +column(100%)
    background-color: #ccc

    // Respond to other screen widths
    +respond-to(tablet)
    width: 33.333%

    +respond-to(desktop)
    width: 25%

    #primary-content

    // Default (smallest screens)
    +column(100%)

    // Respond to other screen widths
    +respond-to(tablet)
    width: 66.666%

    +respond-to(desktop)
    width: 50%

    #secondary-content

    // Default (smallest screens)
    +column(100%)
    display: none

    // Respond to other screen widths
    +respond-to(desktop)
    width: 25%
    display: block