aboutsummaryrefslogtreecommitdiffstats
path: root/scss/uikit/components/placeholder.scss
blob: 05c06f7d921fe689a718d3d5897131555686b77c (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
// Name:            Placeholder
// Description:     Component to create placeholder boxes
//
// Component:       `uk-placeholder`
//
// ========================================================================


// Variables
// ========================================================================

$placeholder-margin-vertical:                    $global-margin !default;
$placeholder-padding-vertical:                   $global-gutter !default;
$placeholder-padding-horizontal:                 $global-gutter !default;
$placeholder-background:                         $global-muted-background !default;


/* ========================================================================
   Component: Placeholder
 ========================================================================== */

.uk-placeholder {
    margin-bottom: $placeholder-margin-vertical;
    padding: $placeholder-padding-vertical $placeholder-padding-horizontal;
    background: $placeholder-background;
    @if(mixin-exists(hook-placeholder)) {@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; }


// Hooks
// ========================================================================

@if(mixin-exists(hook-placeholder-misc)) {@include hook-placeholder-misc();}

// @mixin hook-placeholder(){}
// @mixin hook-placeholder-misc(){}