mai 0.0.2

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.
@@ -0,0 +1,8 @@
1
+
2
+ /* Requires
3
+ /* - Configs: ui
4
+
5
+ /* Submodules
6
+
7
+ @import "ui/_forms"
8
+ @import "ui/_tables"
@@ -0,0 +1,156 @@
1
+
2
+ @import "functions"
3
+
4
+ *, *:before, *:after
5
+ +box-sizing
6
+
7
+ .row
8
+ width: $m-grid-width
9
+ max-width: 100%
10
+ min-width: $m-grid-breakpoint
11
+ margin: 0 auto
12
+ &.collapse
13
+ .column, .columns
14
+ padding: 0
15
+ .row
16
+ width: auto
17
+ max-width: none
18
+ min-width: 0
19
+ margin: 0 (-$m-grid-gutter-single)
20
+ &.collapse
21
+ margin: 0
22
+
23
+ /* Columns
24
+
25
+ .column, .columns
26
+ float: $m-global-float-base
27
+ min-height: 1px
28
+ padding: 0 $m-grid-gutter-single
29
+ position: relative
30
+ &.centered
31
+ float: none
32
+ margin: 0 auto
33
+
34
+ [class*="column"] + [class*="column"]:last-child
35
+ float: right
36
+
37
+ [class*="column"] + [class*="column"].end
38
+ float: left
39
+
40
+ // Batch - .one, .two, .three (...)
41
+ @for $i from 1 through $m-grid-columns
42
+ .#{gridVerbalize($i)}
43
+ width: gridColumnWidth($i, $m-grid-columns)
44
+
45
+ // Batch - .row .one, .row .two, .row .three (...)
46
+ @for $i from 1 through $m-grid-columns
47
+ $num: gridVerbalize($i)
48
+ .row
49
+ .#{$num}
50
+ @extend .#{$num}
51
+
52
+ .row .offset-by-one
53
+ margin-left: 8.33333%
54
+
55
+ .row .offset-by-two
56
+ margin-left: 16.66667%
57
+
58
+ .row .offset-by-three
59
+ margin-left: 25%
60
+
61
+ .row .offset-by-four
62
+ margin-left: 33.33333%
63
+
64
+ .row .offset-by-five
65
+ margin-left: 41.66667%
66
+
67
+ .row .offset-by-six
68
+ margin-left: 50%
69
+
70
+ .row .offset-by-seven
71
+ margin-left: 58.33333%
72
+
73
+ .row .offset-by-eight
74
+ margin-left: 66.66667%
75
+
76
+ .row .offset-by-nine
77
+ margin-left: 75%
78
+
79
+ .row .offset-by-ten
80
+ margin-left: 83.33333%
81
+
82
+ .push-two
83
+ left: 16.66667%
84
+
85
+ .pull-two
86
+ right: 16.66667%
87
+
88
+ .push-three
89
+ left: 25%
90
+
91
+ .pull-three
92
+ right: 25%
93
+
94
+ .push-four
95
+ left: 33.33333%
96
+
97
+ .pull-four
98
+ right: 33.33333%
99
+
100
+ .push-five
101
+ left: 41.66667%
102
+
103
+ .pull-five
104
+ right: 41.66667%
105
+
106
+ .push-six
107
+ left: 50%
108
+
109
+ .pull-six
110
+ right: 50%
111
+
112
+ .push-seven
113
+ left: 58.33333%
114
+
115
+ .pull-seven
116
+ right: 58.33333%
117
+
118
+ .push-eight
119
+ left: 66.66667%
120
+
121
+ .pull-eight
122
+ right: 66.66667%
123
+
124
+ .push-nine
125
+ left: 75%
126
+
127
+ .pull-nine
128
+ right: 75%
129
+
130
+ .push-ten
131
+ left: 83.33333%
132
+
133
+ .pull-ten
134
+ right: 83.33333%
135
+
136
+ /* Nicolas Gallagher's micro clearfix
137
+ .row
138
+ *zoom: 1
139
+
140
+ .row:before, .row:after
141
+ content: " "
142
+ display: table
143
+
144
+ .row:after
145
+ clear: both
146
+
147
+ // Grid Defaults to get images and embeds to work properly
148
+ img, object, embed
149
+ max-width: 100%
150
+ height: auto
151
+
152
+ object, embed
153
+ height: 100%
154
+
155
+ img
156
+ -ms-interpolation-mode: bicubic
@@ -0,0 +1,11 @@
1
+
2
+ @function gridColumnWidth($current, $total)
3
+ @return percentage(($current / $total))
4
+
5
+ @function gridVerbalize($number)
6
+ $count: 0
7
+ @each $word in one,two,three,four,five,six,seven,eight,nine,ten,eleven,twelve,thirteen,fourteen,fifteen,sixteen,seventeen,eighteen,nineteen,twenty,twentyone,twentytwo,twentythree,twentyfour
8
+ $count: $count + 1
9
+ @if ($count == $number)
10
+ @return $word
11
+ @return "invalid"
@@ -0,0 +1,142 @@
1
+ @media only screen and (max-width: $m-grid-breakpoint - 1)
2
+ .left, .right
3
+ float: none
4
+ body
5
+ -webkit-text-size-adjust: none
6
+ -ms-text-size-adjust: none
7
+ width: 100%
8
+ min-width: 0
9
+ margin-left: 0
10
+ margin-right: 0
11
+ padding-left: 0
12
+ padding-right: 0
13
+ .row
14
+ width: auto
15
+ min-width: 320px
16
+ margin-left: 0
17
+ margin-right: 0
18
+ .column, .columns
19
+ width: auto !important
20
+ float: none
21
+ .column:last-child, .columns:last-child
22
+ float: none
23
+ [class*="column"] + [class*="column"]:last-child
24
+ float: none
25
+ .column:before, .columns:before, .column:after, .columns:after
26
+ content: ""
27
+ display: table
28
+ .column:after, .columns:after
29
+ clear: both
30
+ .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten
31
+ margin-left: 0 !important
32
+ .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten
33
+ left: auto
34
+ .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten
35
+ right: auto
36
+ /* Mobile 4-column Grid
37
+ .row .mobile-one
38
+ width: 25% !important
39
+ float: left
40
+ padding: 0 15px
41
+ .row .mobile-one:last-child
42
+ float: right
43
+ .row .mobile-one.end
44
+ float: left
45
+ .row.collapse .mobile-one
46
+ padding: 0
47
+ .row .mobile-two
48
+ width: 50% !important
49
+ float: left
50
+ padding: 0 15px
51
+ .row .mobile-two:last-child
52
+ float: right
53
+ .row .mobile-two.end
54
+ float: left
55
+ .row.collapse .mobile-two
56
+ padding: 0
57
+ .row .mobile-three
58
+ width: 75% !important
59
+ float: left
60
+ padding: 0 15px
61
+ .row .mobile-three:last-child
62
+ float: right
63
+ .row .mobile-three.end
64
+ float: left
65
+ .row.collapse .mobile-three
66
+ padding: 0
67
+ .row .mobile-four
68
+ width: 100% !important
69
+ float: left
70
+ padding: 0 15px
71
+ .row .mobile-four:last-child
72
+ float: right
73
+ .row .mobile-four.end
74
+ float: left
75
+ .row.collapse .mobile-four
76
+ padding: 0
77
+ .push-one-mobile
78
+ left: 25%
79
+ .pull-one-mobile
80
+ right: 25%
81
+ .push-two-mobile
82
+ left: 50%
83
+ .pull-two-mobile
84
+ right: 50%
85
+ .push-three-mobile
86
+ left: 75%
87
+ .pull-three-mobile
88
+ right: 75%
89
+ /* Block Grids ---
90
+ /*
91
+ .block-grid.mobile > li
92
+ float: none
93
+ width: 100%
94
+ margin-left: 0
95
+ .block-grid > li
96
+ clear: none !important
97
+ .block-grid.mobile-one-up > li
98
+ width: 100%
99
+ .block-grid.mobile-two-up > li
100
+ width: 50%
101
+ .block-grid.mobile-two-up > li:nth-child(2n+1)
102
+ clear: both
103
+ .block-grid.mobile-three-up > li
104
+ width: 33.33333%
105
+ .block-grid.mobile-three-up > li:nth-child(3n+1)
106
+ clear: both
107
+ .block-grid.mobile-four-up > li
108
+ width: 25%
109
+ .block-grid.mobile-four-up > li:nth-child(4n+1)
110
+ clear: both
111
+ .block-grid.mobile-five-up > li
112
+ width: 20%
113
+ .block-grid.mobile-five-up > li:nth-child(5n+1)
114
+ clear: both
115
+ .block-grid.mobile-six-up > li
116
+ width: 16.66667%
117
+ .block-grid.mobile-six-up > li:nth-child(6n+1)
118
+ clear: both
119
+ .block-grid.mobile-seven-up > li
120
+ width: 14.28571%
121
+ .block-grid.mobile-seven-up > li:nth-child(7n+1)
122
+ clear: both
123
+ .block-grid.mobile-eight-up > li
124
+ width: 12.5%
125
+ .block-grid.mobile-eight-up > li:nth-child(8n+1)
126
+ clear: both
127
+ .block-grid.mobile-nine-up > li
128
+ width: 11.11111%
129
+ .block-grid.mobile-nine-up > li:nth-child(9n+1)
130
+ clear: both
131
+ .block-grid.mobile-ten-up > li
132
+ width: 10%
133
+ .block-grid.mobile-ten-up > li:nth-child(10n+1)
134
+ clear: both
135
+ .block-grid.mobile-eleven-up > li
136
+ width: 9.09091%
137
+ .block-grid.mobile-eleven-up > li:nth-child(11n+1)
138
+ clear: both
139
+ .block-grid.mobile-twelve-up > li
140
+ width: 8.33333%
141
+ .block-grid.mobile-twelve-up > li:nth-child(12n+1)
142
+ clear: both
@@ -0,0 +1,88 @@
1
+ @media only screen and (max-width: $grid-breakpoint - 1)
2
+ .left, .right
3
+ float: none
4
+ body
5
+ -webkit-text-size-adjust: none
6
+ -ms-text-size-adjust: none
7
+ width: 100%
8
+ min-width: 0
9
+ margin-left: 0
10
+ margin-right: 0
11
+ padding-left: 0
12
+ padding-right: 0
13
+ .row
14
+ width: auto
15
+ min-width: 320px
16
+ margin-left: 0
17
+ margin-right: 0
18
+ .column, .columns
19
+ width: auto !important
20
+ float: none
21
+ .column:last-child, .columns:last-child
22
+ float: none
23
+ [class*="column"] + [class*="column"]:last-child
24
+ float: none
25
+ .column:before, .columns:before, .column:after, .columns:after
26
+ content: ""
27
+ display: table
28
+ .column:after, .columns:after
29
+ clear: both
30
+ .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten
31
+ margin-left: 0 !important
32
+ .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten
33
+ left: auto
34
+ .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten
35
+ right: auto
36
+ /* Mobile 4-column Grid
37
+ .row .mobile-one
38
+ width: 25% !important
39
+ float: left
40
+ padding: 0 15px
41
+ .row .mobile-one:last-child
42
+ float: right
43
+ .row .mobile-one.end
44
+ float: left
45
+ .row.collapse .mobile-one
46
+ padding: 0
47
+ .row .mobile-two
48
+ width: 50% !important
49
+ float: left
50
+ padding: 0 15px
51
+ .row .mobile-two:last-child
52
+ float: right
53
+ .row .mobile-two.end
54
+ float: left
55
+ .row.collapse .mobile-two
56
+ padding: 0
57
+ .row .mobile-three
58
+ width: 75% !important
59
+ float: left
60
+ padding: 0 15px
61
+ .row .mobile-three:last-child
62
+ float: right
63
+ .row .mobile-three.end
64
+ float: left
65
+ .row.collapse .mobile-three
66
+ padding: 0
67
+ .row .mobile-four
68
+ width: 100% !important
69
+ float: left
70
+ padding: 0 15px
71
+ .row .mobile-four:last-child
72
+ float: right
73
+ .row .mobile-four.end
74
+ float: left
75
+ .row.collapse .mobile-four
76
+ padding: 0
77
+ .push-one-mobile
78
+ left: 25%
79
+ .pull-one-mobile
80
+ right: 25%
81
+ .push-two-mobile
82
+ left: 50%
83
+ .pull-two-mobile
84
+ right: 50%
85
+ .push-three-mobile
86
+ left: 75%
87
+ .pull-three-mobile
88
+ right: 75%
@@ -0,0 +1,44 @@
1
+
2
+ .print-only
3
+ display: none !important
4
+
5
+ @media print
6
+ *
7
+ background: transparent !important
8
+ color: black !important
9
+ box-shadow: none !important
10
+ text-shadow: none !important
11
+ filter: none !important
12
+ -ms-filter: none !important
13
+ a, a:visited
14
+ text-decoration: underline
15
+ a[href]:after
16
+ content: " (" attr(href) ")"
17
+ abbr[title]:after
18
+ content: " (" attr(title) ")"
19
+ a[href^="javascript:"]:after, a[href^="#"]:after
20
+ content: ""
21
+ pre, blockquote
22
+ border: 1px solid #999
23
+ page-break-inside: avoid
24
+ thead
25
+ display: table-header-group
26
+ tr, img
27
+ page-break-inside: avoid
28
+ img
29
+ max-width: 100% !important
30
+ p, h2, h3
31
+ orphans: 3
32
+ widows: 3
33
+ h2, h3
34
+ page-break-after: avoid
35
+ .hide-on-print
36
+ display: none !important
37
+ .print-only
38
+ display: block !important
39
+ .hide-for-print
40
+ display: none !important
41
+ .show-for-print
42
+ display: inherit !important
43
+ @page
44
+ margin: 0.5cm