groundworkcss 2.0.4 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.md +2 -1
- data/app/assets/javascripts/groundworkcss/components/checklists.coffee +1 -1
- data/app/assets/javascripts/groundworkcss/components/equalizeColumns.coffee +2 -4
- data/app/assets/javascripts/groundworkcss/components/forms.coffee +16 -23
- data/app/assets/javascripts/groundworkcss/components/menus.coffee +9 -4
- data/app/assets/javascripts/groundworkcss/components/navigation.coffee +21 -11
- data/app/assets/javascripts/groundworkcss/components/tabs.coffee +17 -8
- data/app/assets/javascripts/groundworkcss/plugins/jquery-placeholderText.coffee +15 -5
- data/app/assets/javascripts/groundworkcss/plugins/jquery-responsiveTables.coffee +4 -3
- data/app/assets/javascripts/groundworkcss/plugins/jquery-responsiveText.coffee +8 -4
- data/app/assets/javascripts/groundworkcss/plugins/jquery-truncateLines.coffee +21 -32
- data/app/assets/stylesheets/groundworkcss/_settings.scss +9 -3
- data/app/assets/stylesheets/groundworkcss/anim/_all-animations.scss +1 -0
- data/app/assets/stylesheets/groundworkcss/anim/_slide.scss +96 -0
- data/app/assets/stylesheets/groundworkcss/base/_helpers.scss +79 -81
- data/app/assets/stylesheets/groundworkcss/base/_reset.scss +4 -2
- data/app/assets/stylesheets/groundworkcss/core/_defaults.scss +2 -0
- data/app/assets/stylesheets/groundworkcss/core/_mixins-core.scss +21 -28
- data/app/assets/stylesheets/groundworkcss/core/_palette.scss +5 -0
- data/app/assets/stylesheets/groundworkcss/groundwork-anim.scss +35 -0
- data/app/assets/stylesheets/groundworkcss/groundwork-core.scss +16 -0
- data/app/assets/stylesheets/groundworkcss/groundwork-ie.scss +0 -12
- data/app/assets/stylesheets/groundworkcss/groundwork-responsive.scss +28 -0
- data/app/assets/stylesheets/groundworkcss/groundwork-type.scss +30 -0
- data/app/assets/stylesheets/groundworkcss/groundwork-ui.scss +34 -0
- data/app/assets/stylesheets/groundworkcss/groundwork.scss +1 -0
- data/app/assets/stylesheets/groundworkcss/responsive/_desktop.scss +76 -60
- data/app/assets/stylesheets/groundworkcss/responsive/_mobile.scss +76 -60
- data/app/assets/stylesheets/groundworkcss/responsive/_small-tablet.scss +76 -60
- data/app/assets/stylesheets/groundworkcss/type/_typography.scss +31 -16
- data/app/assets/stylesheets/groundworkcss/ui/_forms.scss +5 -12
- data/app/assets/stylesheets/groundworkcss/ui/_nav.scss +107 -15
- data/app/views/groundworkdocs/navigation.html.erb +245 -55
- data/app/views/groundworkdocs/typography.html.erb +2 -2
- data/app/views/layouts/groundworkdocs.html.erb +151 -113
- data/groundworkcss-0.4.4.gem +0 -0
- data/groundworkcss-2.0.4.gem +0 -0
- data/groundworkcss-2.0.7.gem +0 -0
- data/lib/groundworkcss/generators/docs_generator.rb +16 -16
- data/lib/groundworkcss/version.rb +1 -1
- metadata +12 -2
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// ============================================
|
|
2
|
+
// GroundworkCSS Core by Gary Hepting
|
|
3
|
+
// Last Updated:2013-9-27
|
|
4
|
+
// ============================================
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
//---------- CUSTOM SETTINGS: ----------//
|
|
8
|
+
@import "settings"; // customizable settings
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
//-------- REQUIRED COMPONENTS: --------//
|
|
13
|
+
@import "core/all-core"; // constants, defaults, mixins, breakpoints, color palette
|
|
14
|
+
@import "base/all-base"; // reset, globals, grid, flexbox, helpers
|
|
15
|
+
@import "icons/all-icons"; // font awesome icons
|
|
16
|
+
|
|
@@ -11,18 +11,6 @@ $container-width: 1200px !default;
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
input {
|
|
15
|
-
&[type=checkbox], &[type=radio] {
|
|
16
|
-
padding: 0;
|
|
17
|
-
background: none;
|
|
18
|
-
border: none;
|
|
19
|
-
display: inline-block;
|
|
20
|
-
width: auto !important;
|
|
21
|
-
height: auto !important;
|
|
22
|
-
@include rounded(0);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
14
|
html {
|
|
27
15
|
&.lt-ie9 {
|
|
28
16
|
min-width: $container-width !important;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
// ============================================
|
|
2
|
+
// GroundworkCSS Responsive by Gary Hepting
|
|
3
|
+
// Last Updated:2013-9-27
|
|
4
|
+
// ============================================
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
//---------- CUSTOM SETTINGS: ----------//
|
|
8
|
+
@import "settings"; // customizable settings
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
//-------- REQUIRED COMPONENTS: --------//
|
|
13
|
+
@import "core/all-core"; // constants, defaults, mixins, breakpoints, color palette
|
|
14
|
+
@import "base/helpers";
|
|
15
|
+
@import "base/grid";
|
|
16
|
+
@import "icons/font-awesome/variables";
|
|
17
|
+
@import "icons/font-awesome/path";
|
|
18
|
+
@import "icons/font-awesome/core";
|
|
19
|
+
@import "icons/font-awesome/extras";
|
|
20
|
+
|
|
21
|
+
// Responsive Components
|
|
22
|
+
@import "responsive/all-responsive";
|
|
23
|
+
// individual responsive modules
|
|
24
|
+
// @import "responsive/helpers-responsive";
|
|
25
|
+
// @import "responsive/desktop";
|
|
26
|
+
// @import "responsive/ipad";
|
|
27
|
+
// @import "responsive/small-tablet";
|
|
28
|
+
// @import "responsive/mobile";
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// ============================================
|
|
2
|
+
// GroundworkCSS Type by Gary Hepting
|
|
3
|
+
// Last Updated:2013-9-27
|
|
4
|
+
// ============================================
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
//---------- CUSTOM SETTINGS: ----------//
|
|
8
|
+
@import "settings"; // customizable settings
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
//-------- REQUIRED COMPONENTS: --------//
|
|
13
|
+
@import "core/all-core"; // constants, defaults, mixins, breakpoints, color palette
|
|
14
|
+
@import "base/helpers";
|
|
15
|
+
$grid-classes: false !default;
|
|
16
|
+
$grid-adapter-classes: false !default;
|
|
17
|
+
$responsive: false !default;
|
|
18
|
+
@import "base/grid";
|
|
19
|
+
@import "icons/font-awesome/variables";
|
|
20
|
+
@import "icons/font-awesome/path";
|
|
21
|
+
@import "icons/font-awesome/core";
|
|
22
|
+
@import "icons/font-awesome/extras";
|
|
23
|
+
|
|
24
|
+
// Typography
|
|
25
|
+
@import "type/all-type";
|
|
26
|
+
// individual typography modules
|
|
27
|
+
// @import "type/link-type-icons";
|
|
28
|
+
// @import "type/typography";
|
|
29
|
+
// @import "type/webfonts";
|
|
30
|
+
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
// ============================================
|
|
2
|
+
// GroundworkCSS Type by Gary Hepting
|
|
3
|
+
// Last Updated:2013-9-27
|
|
4
|
+
// ============================================
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
//---------- CUSTOM SETTINGS: ----------//
|
|
8
|
+
@import "settings"; // customizable settings
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
//-------- REQUIRED COMPONENTS: --------//
|
|
13
|
+
@import "core/all-core"; // constants, defaults, mixins, breakpoints, color palette
|
|
14
|
+
@import "base/helpers";
|
|
15
|
+
$grid-classes: false !default;
|
|
16
|
+
$grid-adapter-classes: false !default;
|
|
17
|
+
$responsive: false !default;
|
|
18
|
+
@import "base/grid";
|
|
19
|
+
@import "icons/font-awesome/variables";
|
|
20
|
+
@import "icons/font-awesome/path";
|
|
21
|
+
@import "icons/font-awesome/core";
|
|
22
|
+
@import "icons/font-awesome/extras";
|
|
23
|
+
|
|
24
|
+
// UI
|
|
25
|
+
@import "ui/all-ui";
|
|
26
|
+
// individual UI modules
|
|
27
|
+
// @import "ui/boxes";
|
|
28
|
+
// @import "ui/buttons";
|
|
29
|
+
// @import "ui/forms";
|
|
30
|
+
// @import "ui/messages";
|
|
31
|
+
// @import "ui/nav";
|
|
32
|
+
// @import "ui/tables";
|
|
33
|
+
// @import "ui/tabs";
|
|
34
|
+
|
|
@@ -20,66 +20,82 @@ $multi-column-names: "one-column" "two-column" "three-column" "four-colum
|
|
|
20
20
|
.no-margin-desktop, .no-gap-desktop { @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left); }
|
|
21
21
|
.no-border-desktop { border: 0; }
|
|
22
22
|
@if $spacer-classes {
|
|
23
|
-
.padded-desktop
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
.pad-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
.
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
.
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
23
|
+
.padded-desktop { @include _padded; }
|
|
24
|
+
.pad-top-desktop { @include _pad-top; }
|
|
25
|
+
.pad-right-desktop { @include _pad-right; }
|
|
26
|
+
.pad-bottom-desktop { @include _pad-bottom; }
|
|
27
|
+
.pad-left-desktop { @include _pad-left; }
|
|
28
|
+
.gapped-desktop { @include _gapped; }
|
|
29
|
+
.gap-top-desktop { @include _gap-top; }
|
|
30
|
+
.gap-right-desktop { @include _gap-right; }
|
|
31
|
+
.gap-bottom-desktop { @include _gap-bottom; }
|
|
32
|
+
.gap-left-desktop { @include _gap-left; }
|
|
33
|
+
.offset-desktop { @include _offset; }
|
|
34
|
+
.offset-top-desktop { @include _offset-top; }
|
|
35
|
+
.offset-right-desktop { @include _offset-right; }
|
|
36
|
+
.offset-bottom-desktop { @include _offset-bottom; }
|
|
37
|
+
.offset-left-desktop { @include _offset-left; }
|
|
38
|
+
}
|
|
39
|
+
@if $spacer-mod-classes {
|
|
40
|
+
.half-padded-desktop { @include _padded(0.5); }
|
|
41
|
+
.double-padded-desktop { @include _padded(2); }
|
|
42
|
+
.triple-padded-desktop { @include _padded(3); }
|
|
43
|
+
|
|
44
|
+
.half-pad-top-desktop { @include _pad-top(0.5); }
|
|
45
|
+
.double-pad-top-desktop { @include _pad-top(2); }
|
|
46
|
+
.triple-pad-top-desktop { @include _pad-top(3); }
|
|
47
|
+
|
|
48
|
+
.half-pad-right-desktop { @include _pad-right(0.5); }
|
|
49
|
+
.double-pad-right-desktop { @include _pad-right(2); }
|
|
50
|
+
.triple-pad-right-desktop { @include _pad-right(3); }
|
|
51
|
+
|
|
52
|
+
.half-pad-bottom-desktop { @include _pad-bottom(0.5); }
|
|
53
|
+
.double-pad-bottom-desktop { @include _pad-bottom(2); }
|
|
54
|
+
.triple-pad-bottom-desktop { @include _pad-bottom(3); }
|
|
55
|
+
|
|
56
|
+
.half-pad-left-desktop { @include _pad-left(0.5); }
|
|
57
|
+
.double-pad-left-desktop { @include _pad-left(2); }
|
|
58
|
+
.triple-pad-left-desktop { @include _pad-left(3); }
|
|
59
|
+
|
|
60
|
+
.half-gapped-desktop { @include _gapped(0.5); }
|
|
61
|
+
.double-gapped-desktop { @include _gapped(2); }
|
|
62
|
+
.triple-gapped-desktop { @include _gapped(3); }
|
|
63
|
+
|
|
64
|
+
.half-gap-top-desktop { @include _gap-top(0.5); }
|
|
65
|
+
.double-gap-top-desktop { @include _gap-top(2); }
|
|
66
|
+
.triple-gap-top-desktop { @include _gap-top(3); }
|
|
67
|
+
|
|
68
|
+
.half-gap-right-desktop { @include _gap-right(0.5); }
|
|
69
|
+
.double-gap-right-desktop { @include _gap-right(2); }
|
|
70
|
+
.triple-gap-right-desktop { @include _gap-right(3); }
|
|
71
|
+
|
|
72
|
+
.half-gap-bottom-desktop { @include _gap-bottom(0.5); }
|
|
73
|
+
.double-gap-bottom-desktop { @include _gap-bottom(2); }
|
|
74
|
+
.triple-gap-bottom-desktop { @include _gap-bottom(3); }
|
|
75
|
+
|
|
76
|
+
.half-gap-left-desktop { @include _gap-left(0.5); }
|
|
77
|
+
.double-gap-left-desktop { @include _gap-left(2); }
|
|
78
|
+
.triple-gap-left-desktop { @include _gap-left(3); }
|
|
79
|
+
|
|
80
|
+
.half-offset-desktop { @include _offset(0.5); }
|
|
81
|
+
.double-offset-desktop { @include _offset(2); }
|
|
82
|
+
.triple-offset-desktop { @include _offset(3); }
|
|
83
|
+
|
|
84
|
+
.half-offset-top-desktop { @include _offset-top(0.5); }
|
|
85
|
+
.double-offset-top-desktop { @include _offset-top(2); }
|
|
86
|
+
.triple-offset-top-desktop { @include _offset-top(3); }
|
|
87
|
+
|
|
88
|
+
.half-offset-right-desktop { @include _offset-right(0.5); }
|
|
89
|
+
.double-offset-right-desktop { @include _offset-right(2); }
|
|
90
|
+
.triple-offset-right-desktop { @include _offset-right(3); }
|
|
91
|
+
|
|
92
|
+
.half-offset-bottom-desktop { @include _offset-bottom(0.5); }
|
|
93
|
+
.double-offset-bottom-desktop { @include _offset-bottom(2); }
|
|
94
|
+
.triple-offset-bottom-desktop { @include _offset-bottom(3); }
|
|
95
|
+
|
|
96
|
+
.half-offset-left-desktop { @include _offset-left(0.5); }
|
|
97
|
+
.double-offset-left-desktop { @include _offset-left(2); }
|
|
98
|
+
.triple-offset-left-desktop { @include _offset-left(3); }
|
|
83
99
|
}
|
|
84
100
|
@if $positioning-classes {
|
|
85
101
|
.fixed-desktop { @include _fixed; }
|
|
@@ -29,66 +29,82 @@ $multi-column-names: "one-column" "two-column" "three-column" "four-colum
|
|
|
29
29
|
.no-margin-mobile, .no-gap-mobile { @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left); }
|
|
30
30
|
.no-border-mobile { border: 0; }
|
|
31
31
|
@if $spacer-classes {
|
|
32
|
-
.padded-mobile
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
.pad-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
.
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
32
|
+
.padded-mobile { @include _padded; }
|
|
33
|
+
.pad-top-mobile { @include _pad-top; }
|
|
34
|
+
.pad-right-mobile { @include _pad-right; }
|
|
35
|
+
.pad-bottom-mobile { @include _pad-bottom; }
|
|
36
|
+
.pad-left-mobile { @include _pad-left; }
|
|
37
|
+
.gapped-mobile { @include _gapped; }
|
|
38
|
+
.gap-top-mobile { @include _gap-top; }
|
|
39
|
+
.gap-right-mobile { @include _gap-right; }
|
|
40
|
+
.gap-bottom-mobile { @include _gap-bottom; }
|
|
41
|
+
.gap-left-mobile { @include _gap-left; }
|
|
42
|
+
.offset-mobile { @include _offset; }
|
|
43
|
+
.offset-top-mobile { @include _offset-top; }
|
|
44
|
+
.offset-right-mobile { @include _offset-right; }
|
|
45
|
+
.offset-bottom-mobile { @include _offset-bottom; }
|
|
46
|
+
.offset-left-mobile { @include _offset-left; }
|
|
47
|
+
}
|
|
48
|
+
@if $spacer-mod-classes {
|
|
49
|
+
.half-padded-mobile { @include _padded(0.5); }
|
|
50
|
+
.double-padded-mobile { @include _padded(2); }
|
|
51
|
+
.triple-padded-mobile { @include _padded(3); }
|
|
52
|
+
|
|
53
|
+
.half-pad-top-mobile { @include _pad-top(0.5); }
|
|
54
|
+
.double-pad-top-mobile { @include _pad-top(2); }
|
|
55
|
+
.triple-pad-top-mobile { @include _pad-top(3); }
|
|
56
|
+
|
|
57
|
+
.half-pad-right-mobile { @include _pad-right(0.5); }
|
|
58
|
+
.double-pad-right-mobile { @include _pad-right(2); }
|
|
59
|
+
.triple-pad-right-mobile { @include _pad-right(3); }
|
|
60
|
+
|
|
61
|
+
.half-pad-bottom-mobile { @include _pad-bottom(0.5); }
|
|
62
|
+
.double-pad-bottom-mobile { @include _pad-bottom(2); }
|
|
63
|
+
.triple-pad-bottom-mobile { @include _pad-bottom(3); }
|
|
64
|
+
|
|
65
|
+
.half-pad-left-mobile { @include _pad-left(0.5); }
|
|
66
|
+
.double-pad-left-mobile { @include _pad-left(2); }
|
|
67
|
+
.triple-pad-left-mobile { @include _pad-left(3); }
|
|
68
|
+
|
|
69
|
+
.half-gapped-mobile { @include _gapped(0.5); }
|
|
70
|
+
.double-gapped-mobile { @include _gapped(2); }
|
|
71
|
+
.triple-gapped-mobile { @include _gapped(3); }
|
|
72
|
+
|
|
73
|
+
.half-gap-top-mobile { @include _gap-top(0.5); }
|
|
74
|
+
.double-gap-top-mobile { @include _gap-top(2); }
|
|
75
|
+
.triple-gap-top-mobile { @include _gap-top(3); }
|
|
76
|
+
|
|
77
|
+
.half-gap-right-mobile { @include _gap-right(0.5); }
|
|
78
|
+
.double-gap-right-mobile { @include _gap-right(2); }
|
|
79
|
+
.triple-gap-right-mobile { @include _gap-right(3); }
|
|
80
|
+
|
|
81
|
+
.half-gap-bottom-mobile { @include _gap-bottom(0.5); }
|
|
82
|
+
.double-gap-bottom-mobile { @include _gap-bottom(2); }
|
|
83
|
+
.triple-gap-bottom-mobile { @include _gap-bottom(3); }
|
|
84
|
+
|
|
85
|
+
.half-gap-left-mobile { @include _gap-left(0.5); }
|
|
86
|
+
.double-gap-left-mobile { @include _gap-left(2); }
|
|
87
|
+
.triple-gap-left-mobile { @include _gap-left(3); }
|
|
88
|
+
|
|
89
|
+
.half-offset-mobile { @include _offset(0.5); }
|
|
90
|
+
.double-offset-mobile { @include _offset(2); }
|
|
91
|
+
.triple-offset-mobile { @include _offset(3); }
|
|
92
|
+
|
|
93
|
+
.half-offset-top-mobile { @include _offset-top(0.5); }
|
|
94
|
+
.double-offset-top-mobile { @include _offset-top(2); }
|
|
95
|
+
.triple-offset-top-mobile { @include _offset-top(3); }
|
|
96
|
+
|
|
97
|
+
.half-offset-right-mobile { @include _offset-right(0.5); }
|
|
98
|
+
.double-offset-right-mobile { @include _offset-right(2); }
|
|
99
|
+
.triple-offset-right-mobile { @include _offset-right(3); }
|
|
100
|
+
|
|
101
|
+
.half-offset-bottom-mobile { @include _offset-bottom(0.5); }
|
|
102
|
+
.double-offset-bottom-mobile { @include _offset-bottom(2); }
|
|
103
|
+
.triple-offset-bottom-mobile { @include _offset-bottom(3); }
|
|
104
|
+
|
|
105
|
+
.half-offset-left-mobile { @include _offset-left(0.5); }
|
|
106
|
+
.double-offset-left-mobile { @include _offset-left(2); }
|
|
107
|
+
.triple-offset-left-mobile { @include _offset-left(3); }
|
|
92
108
|
}
|
|
93
109
|
@if $positioning-classes {
|
|
94
110
|
.fixed-mobile { @include _fixed; }
|
|
@@ -25,66 +25,82 @@ $multi-column-names: "one-column" "two-column" "three-column" "four-colum
|
|
|
25
25
|
.no-margin-small-tablet, .no-gap-small-tablet { @include helper_reset(margin, $spacers: gapped gap-top gap-right gap-bottom gap-left); }
|
|
26
26
|
.no-border-small-tablet { border: 0; }
|
|
27
27
|
@if $spacer-classes {
|
|
28
|
-
.padded-small-tablet
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
.pad-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
.
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
.
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}
|
|
28
|
+
.padded-small-tablet { @include _padded; }
|
|
29
|
+
.pad-top-small-tablet { @include _pad-top; }
|
|
30
|
+
.pad-right-small-tablet { @include _pad-right; }
|
|
31
|
+
.pad-bottom-small-tablet { @include _pad-bottom; }
|
|
32
|
+
.pad-left-small-tablet { @include _pad-left; }
|
|
33
|
+
.gapped-small-tablet { @include _gapped; }
|
|
34
|
+
.gap-top-small-tablet { @include _gap-top; }
|
|
35
|
+
.gap-right-small-tablet { @include _gap-right; }
|
|
36
|
+
.gap-bottom-small-tablet { @include _gap-bottom; }
|
|
37
|
+
.gap-left-small-tablet { @include _gap-left; }
|
|
38
|
+
.offset-small-tablet { @include _offset; }
|
|
39
|
+
.offset-top-small-tablet { @include _offset-top; }
|
|
40
|
+
.offset-right-small-tablet { @include _offset-right; }
|
|
41
|
+
.offset-bottom-small-tablet { @include _offset-bottom; }
|
|
42
|
+
.offset-left-small-tablet { @include _offset-left; }
|
|
43
|
+
}
|
|
44
|
+
@if $spacer-mod-classes {
|
|
45
|
+
.half-padded-small-tablet { @include _padded(0.5); }
|
|
46
|
+
.double-padded-small-tablet { @include _padded(2); }
|
|
47
|
+
.triple-padded-small-tablet { @include _padded(3); }
|
|
48
|
+
|
|
49
|
+
.half-pad-top-small-tablet { @include _pad-top(0.5); }
|
|
50
|
+
.double-pad-top-small-tablet { @include _pad-top(2); }
|
|
51
|
+
.triple-pad-top-small-tablet { @include _pad-top(3); }
|
|
52
|
+
|
|
53
|
+
.half-pad-right-small-tablet { @include _pad-right(0.5); }
|
|
54
|
+
.double-pad-right-small-tablet { @include _pad-right(2); }
|
|
55
|
+
.triple-pad-right-small-tablet { @include _pad-right(3); }
|
|
56
|
+
|
|
57
|
+
.half-pad-bottom-small-tablet { @include _pad-bottom(0.5); }
|
|
58
|
+
.double-pad-bottom-small-tablet { @include _pad-bottom(2); }
|
|
59
|
+
.triple-pad-bottom-small-tablet { @include _pad-bottom(3); }
|
|
60
|
+
|
|
61
|
+
.half-pad-left-small-tablet { @include _pad-left(0.5); }
|
|
62
|
+
.double-pad-left-small-tablet { @include _pad-left(2); }
|
|
63
|
+
.triple-pad-left-small-tablet { @include _pad-left(3); }
|
|
64
|
+
|
|
65
|
+
.half-gapped-small-tablet { @include _gapped(0.5); }
|
|
66
|
+
.double-gapped-small-tablet { @include _gapped(2); }
|
|
67
|
+
.triple-gapped-small-tablet { @include _gapped(3); }
|
|
68
|
+
|
|
69
|
+
.half-gap-top-small-tablet { @include _gap-top(0.5); }
|
|
70
|
+
.double-gap-top-small-tablet { @include _gap-top(2); }
|
|
71
|
+
.triple-gap-top-small-tablet { @include _gap-top(3); }
|
|
72
|
+
|
|
73
|
+
.half-gap-right-small-tablet { @include _gap-right(0.5); }
|
|
74
|
+
.double-gap-right-small-tablet { @include _gap-right(2); }
|
|
75
|
+
.triple-gap-right-small-tablet { @include _gap-right(3); }
|
|
76
|
+
|
|
77
|
+
.half-gap-bottom-small-tablet { @include _gap-bottom(0.5); }
|
|
78
|
+
.double-gap-bottom-small-tablet { @include _gap-bottom(2); }
|
|
79
|
+
.triple-gap-bottom-small-tablet { @include _gap-bottom(3); }
|
|
80
|
+
|
|
81
|
+
.half-gap-left-small-tablet { @include _gap-left(0.5); }
|
|
82
|
+
.double-gap-left-small-tablet { @include _gap-left(2); }
|
|
83
|
+
.triple-gap-left-small-tablet { @include _gap-left(3); }
|
|
84
|
+
|
|
85
|
+
.half-offset-small-tablet { @include _offset(0.5); }
|
|
86
|
+
.double-offset-small-tablet { @include _offset(2); }
|
|
87
|
+
.triple-offset-small-tablet { @include _offset(3); }
|
|
88
|
+
|
|
89
|
+
.half-offset-top-small-tablet { @include _offset-top(0.5); }
|
|
90
|
+
.double-offset-top-small-tablet { @include _offset-top(2); }
|
|
91
|
+
.triple-offset-top-small-tablet { @include _offset-top(3); }
|
|
92
|
+
|
|
93
|
+
.half-offset-right-small-tablet { @include _offset-right(0.5); }
|
|
94
|
+
.double-offset-right-small-tablet { @include _offset-right(2); }
|
|
95
|
+
.triple-offset-right-small-tablet { @include _offset-right(3); }
|
|
96
|
+
|
|
97
|
+
.half-offset-bottom-small-tablet { @include _offset-bottom(0.5); }
|
|
98
|
+
.double-offset-bottom-small-tablet { @include _offset-bottom(2); }
|
|
99
|
+
.triple-offset-bottom-small-tablet { @include _offset-bottom(3); }
|
|
100
|
+
|
|
101
|
+
.half-offset-left-small-tablet { @include _offset-left(0.5); }
|
|
102
|
+
.double-offset-left-small-tablet { @include _offset-left(2); }
|
|
103
|
+
.triple-offset-left-small-tablet { @include _offset-left(3); }
|
|
88
104
|
}
|
|
89
105
|
@if $positioning-classes {
|
|
90
106
|
.fixed-small-tablet { @include _fixed; }
|