Contents

%h1 Responsive
.uf-responsive-demo
  %p Resize your browser window.
  Current breakpoints being applied at your current screen size are

%p.double-gap-top Currently active breakpoints are highlighted in blue below. Resize your browser window to see each breakpoint.
.row.gap-top
  .uf-demo-mobile
    %p $mobile
    %p Targets screens mobile size and smaller (480px and under)
    %p (max-width: 480px)
.row.gap-top
  .uf-demo-not-mobile
    %p $not-mobile
    %p Targets screens larger than mobile (481px and up)
    %p (min-width: 481px)
.row.gap-top
  .uf-demo-small-tablet
    %p $small-tablet
    %p Targets all screen sizes smaller than 768px
    %p (max-width: 767px)
.row.gap-top
  .uf-demo-not-desktop
    %p $not-desktop
    %p Targets screens 1024px and under
    %p (max-width: 1024px)
.row.gap-top
  .uf-demo-desktop
    %p $desktop
    %p Targets screens desktop size (1025px and up)
    %p (min-width: 1025px)

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
undercase-0.2.57	app/views/undercase/patterns/_grids_responsive.html.haml