Project

General

Profile

1
// Name:            Padding
2
// Description:     Utilities for padding
3
//
4
// Component:       `uk-padding`
5
//                  `uk-padding-large`
6
//                  `uk-padding-remove-*`
7
//
8
// ========================================================================
9

    
10

    
11
// Variables
12
// ========================================================================
13

    
14
$padding-padding:                                        $global-gutter !default;
15
$padding-padding-l:                                      $global-medium-gutter !default;
16

    
17
$padding-small-padding:                                  $global-small-gutter !default;
18

    
19
$padding-large-padding:                                  $global-gutter !default;
20
$padding-large-padding-l:                                $global-large-gutter !default;
21

    
22

    
23
/* ========================================================================
24
   Component: Padding
25
 ========================================================================== */
26

    
27
.uk-padding { padding: $padding-padding; }
28

    
29
/* Desktop and bigger */
30
@media (min-width: $breakpoint-large) {
31

    
32
    .uk-padding { padding: $padding-padding-l; }
33

    
34
}
35

    
36

    
37
/* Small
38
 ========================================================================== */
39

    
40
.uk-padding-small { padding: $padding-small-padding; }
41

    
42

    
43
/* Large
44
 ========================================================================== */
45

    
46
.uk-padding-large { padding: $padding-large-padding; }
47

    
48
/* Desktop and bigger */
49
@media (min-width: $breakpoint-large) {
50

    
51
    .uk-padding-large { padding: $padding-large-padding-l; }
52

    
53
}
54

    
55

    
56
/* Remove
57
 ========================================================================== */
58

    
59
.uk-padding-remove { padding: 0 !important; }
60
.uk-padding-remove-top { padding-top: 0 !important; }
61
.uk-padding-remove-bottom { padding-bottom: 0 !important; }
62
.uk-padding-remove-left { padding-left: 0 !important; }
63
.uk-padding-remove-right { padding-right: 0 !important; }
64

    
65
.uk-padding-remove-vertical {
66
    padding-top: 0 !important;
67
    padding-bottom: 0 !important;
68
}
69

    
70
.uk-padding-remove-horizontal {
71
    padding-left: 0 !important;
72
    padding-right: 0 !important;
73
}
74

    
75

    
76
// Hooks
77
// ========================================================================
78

    
79
@if(mixin-exists(hook-padding-misc)) {@include hook-padding-misc();}
80

    
81
// @mixin hook-padding-misc(){}
(42-42/66)