Current Directory: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit/src/less/components
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit/src/less/components/padding.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-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 !important; }
.uk-padding-remove-top { padding-top: 0 !important; }
.uk-padding-remove-bottom { padding-bottom: 0 !important; }
.uk-padding-remove-left { padding-left: 0 !important; }
.uk-padding-remove-right { padding-right: 0 !important; }
.uk-padding-remove-vertical {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.uk-padding-remove-horizontal {
padding-left: 0 !important;
padding-right: 0 !important;
}
// Hooks
// ========================================================================
.hook-padding-misc;
.hook-padding-misc() {}