Search code examples
sasssusy-compass

Hide blocks in Susy


Looking at the susy site, how does it hide .secondary when getting at a breakpoint?


Solution

  • Taken from the GutHub source for the site (with other styles removed):

    .guides, .tutorial {   
      .secondary { display: none; } // secondary starts hidden
    
      @include at-breakpoint($break) {    
        .secondary { display: block; } // secondary becomes visible at breakpoint
      }
    }