mirror of https://github.com/lukechilds/docs.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.4 KiB
54 lines
1.4 KiB
// Name: Height
|
|
// Description: Utilities for heights
|
|
//
|
|
// Component: `uk-height-*`
|
|
//
|
|
// ========================================================================
|
|
|
|
|
|
// Variables
|
|
// ========================================================================
|
|
|
|
$height-small-height: 150px !default;
|
|
$height-medium-height: 300px !default;
|
|
$height-large-height: 450px !default;
|
|
|
|
|
|
/* ========================================================================
|
|
Component: Height
|
|
========================================================================== */
|
|
|
|
[class*='uk-height'] { box-sizing: border-box; }
|
|
|
|
/*
|
|
* Only works if parent element has a height set
|
|
*/
|
|
|
|
.uk-height-1-1 { height: 100%; }
|
|
|
|
/*
|
|
* Useful to create image teasers
|
|
*/
|
|
|
|
.uk-height-viewport { min-height: 100vh; }
|
|
|
|
/*
|
|
* Pixel
|
|
* Useful for `overflow: auto`
|
|
*/
|
|
|
|
.uk-height-small { height: $height-small-height; }
|
|
.uk-height-medium { height: $height-medium-height; }
|
|
.uk-height-large { height: $height-large-height; }
|
|
|
|
.uk-height-max-small { max-height: $height-small-height; }
|
|
.uk-height-max-medium { max-height: $height-medium-height; }
|
|
.uk-height-max-large { max-height: $height-large-height; }
|
|
|
|
|
|
// Hooks
|
|
// ========================================================================
|
|
|
|
@if(mixin-exists(hook-height-misc)) {@include hook-height-misc();}
|
|
|
|
// @mixin hook-height-misc(){}
|
|
|