Sha256: b9f6f00021064f40b87207cd09e4cc2f5a5edcae1e420f392803a20546003104

Contents?: true

Size: 1.38 KB

Versions: 9

Compression:

Stored size: 1.38 KB

Contents

$pageHeightMobile:  calc( 100vh - 100px );
$pageHeight:        calc( 100vh - 120px );

%full-height {
    height: $pageHeightMobile;
    @include responsiveStep-sm { height: $pageHeight; }
}
%full-min-height {
    min-height: $pageHeightMobile;
    @include responsiveStep-sm { min-height: $pageHeight; }
}



.full-height.mobile {
  // height: calc( 100vh - 120px );
  @extend %full-height;
}
.min-full-height { @extend %full-min-height; }


.flex {
  display: flex; position: relative;
  height: 100%;
  
  flex-direction: column;
  
  &.center_vert {
    justify-content: space-around;
  }
}

.absolut-fitted {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}


// // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // 
// // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // 
@media (max-width: 768px) {
  
  .hidden-mobile { display: none; }
  .mobile_only  { display: block; }
  .desktop_only { display: none;  }
  
}
@media (min-width: 768px) {
  
  .mobile_only  { display: none;  }
  .desktop_only { display: block; }
  
  .right-md { text-align: right; }
  
  .full-height { height: $pageHeight; }
  .huge-height { height: calc( 100vh - 160px ); }
  
  .row.full-height > *, .row.huge-height > *, .row.min-full-height > * {
    height: inherit;
  }
  
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
better_styles-0.0.0.338 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.337 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.336 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.335 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.334 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.333 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.332 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.331 assets/stylesheets/better/layout/_positioning.scss
better_styles-0.0.0.33 assets/stylesheets/better/layout/_positioning.scss