groundworkcss 2.0.4 → 2.2.1
Sign up to get free protection for your applications and to get access to all the features.
- 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; }
|