ellipsis-compass 1.0.7 → 1.0.8
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.
- checksums.yaml +8 -8
- data/stylesheets/ellipsis/helpers/_mixins.scss +205 -0
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
---
|
2
2
|
!binary "U0hBMQ==":
|
3
3
|
metadata.gz: !binary |-
|
4
|
-
|
4
|
+
YmRhNGM5ZWRiYTNkN2RkYjkxMTgwOGIzMzg3MmM2NzY5OTU0OGIyZg==
|
5
5
|
data.tar.gz: !binary |-
|
6
|
-
|
6
|
+
OTNmZWQxYzc1MzdhZWU4YjRmMGU5MjNmOTgzZmUxNWQ2ZjVmNWMxNg==
|
7
7
|
!binary "U0hBNTEy":
|
8
8
|
metadata.gz: !binary |-
|
9
|
-
|
10
|
-
|
11
|
-
|
9
|
+
NTU2NGQ0ODBkNGJjMzkzOTVhOWZiNGUwZTFjYjFmMGY5YjMxNGIwMGViNTU1
|
10
|
+
NzQ0ZDQzZjIzOWI0ZjIwNjJlNzQ1MmQxZDRlZTUzNGVmOTJhYWM3ZWUwNThm
|
11
|
+
N2JiMzYwYzRkYjg1N2EyNmU2NmIxNjcxNjgwYjYyNmMxOGQxMjc=
|
12
12
|
data.tar.gz: !binary |-
|
13
|
-
|
14
|
-
|
15
|
-
|
13
|
+
ZDM3YWJlZjJlZWQxMzFmOTQwMWQxNWNkMzNjZjdlNjU5ZDc5OGE1MjUyY2Jh
|
14
|
+
NTlkYjkzN2UzMGZiOGY3NGY3MmY4MjExMDNmOWNkOTliZjhlY2E1OGQxMTdi
|
15
|
+
YTM0MDllY2I5NDY0MzQ5OGYzYWU1ZDQwNGI1ZDVlNDc4MjBmMjc=
|
@@ -1,3 +1,208 @@
|
|
1
|
+
@mixin clearfix() { *zoom:1;
|
2
|
+
&:before, &:after { content: " "; display: table; }
|
3
|
+
&:after { clear: both; }
|
4
|
+
}
|
5
|
+
|
6
|
+
@mixin mobile-clearfix() {
|
7
|
+
@include respondTo(smallScreen) { &:before, &:after { content: " "; display: table; }
|
8
|
+
&:after { clear: both; }
|
9
|
+
&:last-child { float: none; }
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
|
14
|
+
@mixin dotted-border-bottom(){
|
15
|
+
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABBAAAAAAZp70QAAAABGdBTUEAALGPC%2FxhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJ0Uk5TAA%2FmLNCpAAAAAmJLR0QADzoyPqMAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAALSURBVAjXY5j%2FHwACQAGfMSJZswAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wMS0xMlQxNjozMToyMi0wODowMBl4csUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDEtMTJUMTY6MzE6MjItMDg6MDBoJcp5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg%3D%3D) left bottom repeat-x;
|
16
|
+
|
17
|
+
}
|
18
|
+
|
19
|
+
@mixin dotted-border-top(){
|
20
|
+
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABBAAAAAAZp70QAAAABGdBTUEAALGPC%2FxhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJ0Uk5TAA%2FmLNCpAAAAAmJLR0QADzoyPqMAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAALSURBVAjXY5j%2FHwACQAGfMSJZswAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wMS0xMlQxNjozMToyMi0wODowMBl4csUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDEtMTJUMTY6MzE6MjItMDg6MDBoJcp5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg%3D%3D) left top repeat-x;
|
21
|
+
|
22
|
+
}
|
23
|
+
|
24
|
+
@mixin constrain-to-grid(){
|
25
|
+
margin:0 auto;
|
26
|
+
max-width:$grid-width - $grid-column-gutter;
|
27
|
+
}
|
28
|
+
|
29
|
+
@mixin nav-index($index:1){
|
30
|
+
-webkit-nav-index:$index;
|
31
|
+
-moz-nav-index:$index;
|
32
|
+
-o-nav-index:$index;
|
33
|
+
-ms-nav-index:$index;
|
34
|
+
nav-index:$index;
|
35
|
+
}
|
36
|
+
|
37
|
+
//modified background-image mixin that supports IE 10/11
|
38
|
+
@mixin mod-background-image($image){
|
39
|
+
@include background-image($image); // Compass default version, for everything but IE.
|
40
|
+
background-image: -ms-#{$image}; // Vendor prefixes for IE
|
41
|
+
}
|
42
|
+
|
43
|
+
@mixin linear-gradient($list){
|
44
|
+
@include background-image(linear-gradient(top, $list));
|
45
|
+
}
|
46
|
+
|
47
|
+
@mixin touch-content(){
|
48
|
+
@media #{$breakpoint-touch}{
|
49
|
+
@content;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
@mixin tablet-content(){
|
54
|
+
@media #{$breakpoint-tablet}{
|
55
|
+
@content;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
59
|
+
@mixin tablet-portrait-content(){
|
60
|
+
@media #{$breakpoint-tablet-portrait}{
|
61
|
+
@content;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
@mixin tablet-landscape-content(){
|
66
|
+
@media #{$breakpoint-tablet-landscape}{
|
67
|
+
@content;
|
68
|
+
}
|
69
|
+
}
|
70
|
+
|
71
|
+
@mixin phone-content(){
|
72
|
+
@media #{$breakpoint-phone}{
|
73
|
+
@content;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
|
77
|
+
@mixin phone-portrait-content(){
|
78
|
+
@media #{$breakpoint-phone-portrait}{
|
79
|
+
@content;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
@mixin phone-landscape-content(){
|
84
|
+
@media #{$breakpoint-phone-landscape}{
|
85
|
+
@content;
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
@mixin desktop-content(){
|
90
|
+
@media #{$breakpoint-desktop}{
|
91
|
+
@content;
|
92
|
+
}
|
93
|
+
}
|
94
|
+
|
95
|
+
@mixin tablet-up-content(){
|
96
|
+
@media #{$breakpoint-grid-tablet}{
|
97
|
+
@content;
|
98
|
+
}
|
99
|
+
}
|
100
|
+
|
101
|
+
@mixin tablet-small-content(){
|
102
|
+
@media #{$breakpoint-small-tablet}{
|
103
|
+
@content;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
|
108
|
+
@mixin grid-contain-content(){
|
109
|
+
@media #{$breakpoint-grid-contain}{
|
110
|
+
@content;
|
111
|
+
}
|
112
|
+
}
|
113
|
+
|
114
|
+
@mixin portrait-content(){
|
115
|
+
@media #{$breakpoint-portrait}{
|
116
|
+
@content;
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
120
|
+
@mixin landscape-content(){
|
121
|
+
@media #{$breakpoint-landscape}{
|
122
|
+
@content;
|
123
|
+
}
|
124
|
+
}
|
125
|
+
|
126
|
+
@mixin media-breakpoint($width:null){
|
127
|
+
@media only screen and (max-width: #{$width}){
|
128
|
+
@content;
|
129
|
+
}
|
130
|
+
}
|
131
|
+
|
132
|
+
@mixin tab-focus(){
|
133
|
+
outline: $global-outline !important;
|
134
|
+
@include touch-content(){
|
135
|
+
outline: $global-touch-outline !important;
|
136
|
+
}
|
137
|
+
}
|
138
|
+
|
139
|
+
@mixin disable-focus(){
|
140
|
+
outline:0;
|
141
|
+
-moz-user-focus: ignore;
|
142
|
+
}
|
143
|
+
|
144
|
+
@mixin expand-panel($label:null){
|
145
|
+
margin-top:30px;
|
146
|
+
@include gutter-bleed();
|
147
|
+
min-height:30px;
|
148
|
+
@include dotted-border-bottom();
|
149
|
+
position:relative;
|
150
|
+
height:auto;
|
151
|
+
&:before{
|
152
|
+
position:absolute;
|
153
|
+
content:'#{$label}';
|
154
|
+
font-size:20px;
|
155
|
+
font-family: inherit;
|
156
|
+
color:#333;
|
157
|
+
top:-10px;
|
158
|
+
left:5px + $grid-column-gutter/2;
|
159
|
+
|
160
|
+
}
|
161
|
+
&:after{
|
162
|
+
font-family:bounc3;
|
163
|
+
position:absolute;
|
164
|
+
right:20px;
|
165
|
+
top:-10px;
|
166
|
+
content:'\e0df';
|
167
|
+
font-size:16px;
|
168
|
+
color:#333;
|
169
|
+
}
|
170
|
+
}
|
171
|
+
|
172
|
+
/* icon shortcut */
|
173
|
+
@mixin span-icon(){
|
174
|
+
span[class*='icon-'] {
|
175
|
+
@content;
|
176
|
+
}
|
177
|
+
}
|
178
|
+
|
179
|
+
/* flexbox shortcut mixins */
|
180
|
+
@mixin flexbox($alignment:flex-start,$justification:flex-start){
|
181
|
+
@include display-flex();
|
182
|
+
@include justify-content($justification);
|
183
|
+
@include align-items($alignment);
|
184
|
+
@content;
|
185
|
+
}
|
186
|
+
|
187
|
+
@mixin flexbox-column($alignment:flex-start,$justification:flex-start){
|
188
|
+
@include display-flex();
|
189
|
+
@include flex-direction(column);
|
190
|
+
@include justify-content($justification);
|
191
|
+
@include align-items($alignment);
|
192
|
+
@content;
|
193
|
+
}
|
194
|
+
|
195
|
+
/* supports not for flex-wrap */
|
196
|
+
@mixin no-support-flex-wrap(){
|
197
|
+
@supports not (flex-wrap: wrap) {
|
198
|
+
@content;
|
199
|
+
}
|
200
|
+
}
|
201
|
+
|
202
|
+
|
203
|
+
|
204
|
+
|
205
|
+
|
1
206
|
@mixin gutter-bleed(){
|
2
207
|
margin-right: - $grid-column-gutter/2 !important;
|
3
208
|
margin-left: - $grid-column-gutter/2 !important;
|