Sha256: e78b10e1dc321aa4ac6ea502978dea7816fb8bb1691d015c98f282c14cf22215
Contents?: true
Size: 1.85 KB
Versions: 7
Compression:
Stored size: 1.85 KB
Contents
// Name: Placeholder
// Description: Defines styles for placeholder boxes
//
// Component: `uk-placeholder`
//
// Modifiers: `uk-placeholder-large`
//
// ========================================================================
// Variables
// ========================================================================
$placeholder-margin-vertical: 15px !default;
$placeholder-padding: 20px !default;
$placeholder-border: #ddd !default;
$placeholder-background: #fafafa !default;
$placeholder-color: #444 !default;
$placeholder-large-padding-vertical: 80px !default;
/* ========================================================================
Component: Placeholder
========================================================================== */
.uk-placeholder {
margin-bottom: $placeholder-margin-vertical;
padding: $placeholder-padding;
border: 1px dashed $placeholder-border;
background: $placeholder-background;
color: $placeholder-color;
@include hook-placeholder();
}
/*
* Add margin if adjacent element
*/
* + .uk-placeholder { margin-top: $placeholder-margin-vertical; }
/*
* Remove margin from the last-child
*/
.uk-placeholder > :last-child { margin-bottom: 0; }
/* Modifier: `uk-placeholder-large`
========================================================================== */
.uk-placeholder-large {
padding-top: $placeholder-large-padding-vertical;
padding-bottom: $placeholder-large-padding-vertical;
@include hook-placeholder-large();
}
// Hooks
// ========================================================================
@include hook-placeholder-misc();
// @mixin hook-placeholder(){}
// @mixin hook-placeholder-large(){}
// @mixin hook-placeholder-misc(){}
Version data entries
7 entries across 7 versions & 4 rubygems