uikit
Version:
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.
82 lines (52 loc) • 2.21 kB
text/less
// Name: Padding
// Description: Utilities for padding
//
// Component: `uk-padding`
// `uk-padding-large`
// `uk-padding-remove-*`
//
// ========================================================================
// Variables
// ========================================================================
@padding-padding: @global-gutter;
@padding-padding-l: @global-medium-gutter;
@padding-small-padding: @global-small-gutter;
@padding-large-padding: @global-medium-gutter;
@padding-large-padding-l: @global-large-gutter;
/* ========================================================================
Component: Padding
========================================================================== */
.uk-padding { padding: @padding-padding; }
/* Desktop and bigger */
@media (min-width: @breakpoint-large) {
.uk-padding { padding: @padding-padding-l; }
}
/* Small
========================================================================== */
.uk-padding-small { padding: @padding-small-padding; }
/* Large
========================================================================== */
.uk-padding-large { padding: @padding-large-padding; }
/* Desktop and bigger */
@media (min-width: @breakpoint-large) {
.uk-padding-large { padding: @padding-large-padding-l; }
}
/* Remove
========================================================================== */
.uk-padding-remove { padding: 0 ; }
.uk-padding-remove-top { padding-top: 0 ; }
.uk-padding-remove-bottom { padding-bottom: 0 ; }
.uk-padding-remove-left { padding-left: 0 ; }
.uk-padding-remove-right { padding-right: 0 ; }
.uk-padding-remove-vertical {
padding-top: 0 ;
padding-bottom: 0 ;
}
.uk-padding-remove-horizontal {
padding-left: 0 ;
padding-right: 0 ;
}
// Hooks
// ========================================================================
.hook-padding-misc();
.hook-padding-misc() {}