ellipsis-compass 1.0.5 → 1.0.6

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,15 +1,15 @@
1
1
  ---
2
2
  !binary "U0hBMQ==":
3
3
  metadata.gz: !binary |-
4
- MjlmNTdiMGEyOWE4N2Y5MTNhZDRhODAwYmZhYjAyM2E1MjdhZDA5MA==
4
+ Y2E5ZjYyOWFlM2QzZGNiZThiNDliZTE1ZWVkZDMwMTZhNmExNjFjZg==
5
5
  data.tar.gz: !binary |-
6
- NjJiNTZjYzQ0YmU5ZWQxYWMyODZkMmMxNDEzZmIzMjk0MWQzYmQzMw==
6
+ ZGQyMDg5NDFiOTMzZjlmYTc5ZGJjMWZhODE5NTNlOGNlMzA1NWNlMg==
7
7
  !binary "U0hBNTEy":
8
8
  metadata.gz: !binary |-
9
- ZmM3NTE2OTYzZGM0NjQxOWIwYTNiNDJlMzgxZjM1ZDBmYzQ2NWQ2MzRiYTcz
10
- OWQ4NDk0ODMyZTJlZTlkZjljMWIzM2FlYjQzZjljZWMxMTA1M2JmMDZhMDU4
11
- Yzg3ZjE5NjZmZDBhNWRkNmI2NDI3NTVmNTIyMjU1NDZjYTMzOTY=
9
+ YmM1ODM0Yzc1M2ZjYzdmYmQ1ZDMzZGI1MzcwZjA4NmVlZTQ1YzVhYTU2MDhh
10
+ ZGE5NDAyYzVmZjA2MTlmZTJmMWUwZWExZGU4YTc2ZTRkMTJiZjc0OTQyMjkz
11
+ YWE0MTVkOTM3ODhmMWE5OWRjNTNkNWVlZmIzNTU3ZGNmZjU1ZDY=
12
12
  data.tar.gz: !binary |-
13
- MWM0MWQzMzFlNTlhNDIyZjY0MDZhNWRiZTkyODMxMTg0YjkwNjFhMWY3Yzkz
14
- OTAxZWViOGNhODk2MGJjZmJiMGE3NTkwMWIwOTAwZWMwZGRmOGZhMThjZTYx
15
- N2YyMTAzMzc0NGRkNTJjZmE3ZGZmZTczZWFkODBlNjM4NjVjNzc=
13
+ YWVlNzQyMTIwMjI4YjYzMzQxODM2ZjA2MTc0YjJiOThmNTZhNmIyMTA1ZGE0
14
+ OTJiZmQ4ZDU0NzAzOWVmNjkzZDMzODgxM2ZiZTZjZWY2MDQzZmUwNmNjYjk5
15
+ ODk5YjhmMzIyN2U4NTQ5YWZhMzAyMjAwYTY3NGViNGRmYTFkMTU=
@@ -204,8 +204,11 @@
204
204
  }
205
205
 
206
206
  /* supports not for flex-wrap */
207
- @supports not (flex-wrap: wrap) {
208
- @content;
207
+ @mixin flex-wrap-not-supported(){
208
+ @supports not (flex-wrap: wrap) {
209
+ @content;
210
+ }
209
211
  }
210
212
 
211
213
 
214
+
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ellipsis-compass
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.5
4
+ version: 1.0.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - S. Francis
@@ -43,18 +43,6 @@ files:
43
43
  - stylesheets/ellipsis/helpers/_touch.scss
44
44
  - stylesheets/ellipsis/helpers/_visibility.scss
45
45
  - stylesheets/ellipsis/image/_images.scss
46
- - stylesheets/ellipsis/imports/elements/_autosearch.scss
47
- - stylesheets/ellipsis/imports/elements/_badge.scss
48
- - stylesheets/ellipsis/imports/elements/_barchart.scss
49
- - stylesheets/ellipsis/imports/elements/_form.scss
50
- - stylesheets/ellipsis/imports/elements/_loginform.scss
51
- - stylesheets/ellipsis/imports/elements/_modellist.scss
52
- - stylesheets/ellipsis/imports/elements/_pluralize.scss
53
- - stylesheets/ellipsis/imports/elements/_signupform.scss
54
- - stylesheets/ellipsis/imports/elements/_slidenotification.scss
55
- - stylesheets/ellipsis/imports/elements/_stickyreveal.scss
56
- - stylesheets/ellipsis/imports/elements/_template.scss
57
- - stylesheets/ellipsis/imports/elements/_veneer.scss
58
46
  - stylesheets/ellipsis/shared/_shared.scss
59
47
  - stylesheets/ellipsis/touch/ui/_drawer.scss
60
48
  - stylesheets/ellipsis/touch/ui/_dropdown.scss
@@ -1,11 +0,0 @@
1
- @mixin ui-autosearch($width:100%){
2
- ui-autosearch{
3
- display:block;
4
- position:relative;
5
- width:$width;
6
- @content;
7
- &>ui-search{
8
- width:100%;
9
- }
10
- }
11
- }
@@ -1,23 +0,0 @@
1
-
2
- @mixin ui-model-badge($class:null,$component:inverse,$tag:ui-model-badge,
3
- $padding:.2em .5em,
4
- $margin:0,
5
- $line-height:1,
6
- $border-radius:$global-radius,
7
- $font-size:1em
8
- ){
9
-
10
- .ui-model-badge,#{$tag} {
11
- @if $class != null{
12
- &.#{$class} {
13
- @include _ui-badge($component,$padding,$margin,$line-height,$border-radius,$font-size);
14
- @content;
15
- }
16
-
17
- } @else {
18
- @include _ui-badge($component,$padding,$margin,$line-height,$border-radius,$font-size);
19
- @content;
20
- }
21
-
22
- }
23
- }
@@ -1,254 +0,0 @@
1
-
2
- @mixin ui-barchart(){
3
-
4
- $ui-barchart-z-index:9999999;
5
- $ui-barchart-domain-stroke:#ccc;
6
- $ui-barchart-axis-stroke:#666;
7
- $ui-barchart-tick-line-stroke:#ccc;
8
- $ui-barchart-label-text-shadow:none;
9
- $ui-barchart-axis-label-font-size:1em;
10
- $ui-barchart-axis-label-color:#666;
11
- $ui-barchart-axis-label-font-weight:normal;
12
- $ui-barchart-background-line:$white;
13
- $ui-barchart-legend-font-size:14px;
14
- $ui-barchart-legend-label-margin:0 .4em 0 0;
15
- $ui-barchart-legend-symbol-margin:0 .4em 0 0;
16
- $ui-barchart-legend-symbol-size:18px;
17
- $ui-barchart-legend-label-color:#999;
18
- $ui-barchart-bar-color:#089ed8;
19
- $ui-barchart-bar-border:#007cac;
20
- $ui-barchart-bar1-color:#f5b952;
21
- $ui-barchart-bar1-border:#c28a28;
22
- $ui-barchart-bar2-color:#ff6a04;
23
- $ui-barchart-bar2-border:#cc5300;
24
- $ui-barchart-bar3-color:#d53a53;
25
- $ui-barchart-bar3-border:#aa2d41;
26
- $ui-barchart-bar4-color:#adb323;
27
- $ui-barchart-bar4-border:#808600;
28
- $ui-barchart-bar5-color:#c37f4e;
29
- $ui-barchart-bar5-border:#96582b;
30
- $ui-barchart-bar6-color:#8dbdbd;
31
- $ui-barchart-bar6-border:darken(#8dbdbd,20%);
32
- $ui-barchart-height:600px;
33
- $ui-barchart-title-color:$primary-color;
34
- $ui-barchart-title-size:22px;
35
-
36
-
37
- .domain {
38
- fill: none !important;
39
- stroke:$ui-barchart-domain-stroke !important;
40
- stroke-width: 1;
41
- z-index:$ui-barchart-z-index;
42
-
43
- }
44
- .axis path,
45
- .axis line {
46
- fill: none;
47
- stroke:$ui-barchart-axis-stroke ;
48
- shape-rendering: crispEdges;
49
- z-index:$ui-barchart-z-index;
50
- }
51
-
52
- .bar-gradient{
53
- fill:url(#gradient);
54
- }
55
-
56
-
57
- .chart-background-line{
58
- stroke:$ui-barchart-background-line;
59
- stroke-width:1px;
60
- shape-rendering: crispEdges;
61
-
62
- }
63
- .tick-line{
64
- stroke:$ui-barchart-tick-line-stroke;
65
- stroke-width:1px;
66
- shape-rendering: crispEdges;
67
-
68
- }
69
- .tick{
70
- display:none;
71
- }
72
-
73
- %bar{
74
- stroke-width:1px;
75
- shape-rendering: crispEdges;
76
- }
77
- .bar,.bar0 {
78
- fill:$ui-barchart-bar-color;
79
- stroke:$ui-barchart-bar-border;
80
- @extend %bar;
81
- }
82
-
83
- .bar1 {
84
- fill:$ui-barchart-bar1-color;
85
- stroke:$ui-barchart-bar1-border;
86
- @extend %bar;
87
-
88
- }
89
- .bar2{
90
- fill:$ui-barchart-bar2-color;
91
- stroke:$ui-barchart-bar2-border;
92
- @extend %bar;
93
- }
94
-
95
- .bar3{
96
- fill:$ui-barchart-bar3-color;
97
- stroke:$ui-barchart-bar3-border;
98
- @extend %bar;
99
- }
100
-
101
- .bar4{
102
- fill:$ui-barchart-bar4-color;
103
- stroke:$ui-barchart-bar4-border;
104
- @extend %bar;
105
- }
106
- .bar5{
107
- fill:$ui-barchart-bar5-color;
108
- stroke:$ui-barchart-bar5-border;
109
- @extend %bar;
110
- }
111
- .bar6{
112
- fill:$ui-barchart-bar6-color;
113
- stroke:$ui-barchart-bar6-border;
114
- @extend %bar;
115
- }
116
-
117
- .legend-label{
118
- font-size:$ui-barchart-legend-font-size;
119
- color:$ui-barchart-legend-label-color;
120
- margin:$ui-barchart-legend-label-margin;
121
- }
122
-
123
- %legend-bar{
124
- width:$ui-barchart-legend-symbol-size;
125
- height:$ui-barchart-legend-symbol-size;
126
- margin:$ui-barchart-legend-symbol-margin;
127
- font-size:$ui-barchart-legend-symbol-size;
128
- }
129
-
130
- .legend-bar,.legend-bar0{
131
- @extend %legend-bar;
132
- border: 1px solid $ui-barchart-bar-border;
133
- background:$ui-barchart-bar-color;
134
- }
135
-
136
-
137
- .legend-bar1{
138
- @extend %legend-bar;
139
- border: 1px solid $ui-barchart-bar1-border;
140
- background:$ui-barchart-bar1-color;
141
- }
142
-
143
- .legend-bar2{
144
- @extend %legend-bar;
145
- border: 1px solid $ui-barchart-bar2-border;
146
- background:$ui-barchart-bar2-color;
147
-
148
- }
149
- .legend-bar3{
150
- @extend %legend-bar;
151
- border: 1px solid $ui-barchart-bar3-border;
152
- background:$ui-barchart-bar3-color;
153
- }
154
-
155
- .legend-bar4{
156
- @extend %legend-bar;
157
- border: 1px solid $ui-barchart-bar4-border;
158
- background:$ui-barchart-bar4-color;
159
- }
160
-
161
- .legend-bar5{
162
- @extend %legend-bar;
163
- border: 1px solid $ui-barchart-bar5-border;
164
- background:$ui-barchart-bar5-color;
165
- }
166
-
167
- .legend-bar6{
168
- @extend %legend-bar;
169
- border: 1px solid $ui-barchart-bar6-border;
170
- background:$ui-barchart-bar6-color;
171
- }
172
-
173
- .legend-x-label{
174
- position:absolute;
175
- bottom:2em;
176
- left:45%;
177
- font-size:$ui-barchart-axis-label-font-size;
178
- font-weight: $ui-barchart-axis-label-font-weight;
179
- color:$ui-barchart-axis-label-color;
180
- }
181
-
182
- .legend-y-label{
183
- -webkit-transform:rotate(-90deg) !important;
184
- -moz-transform:rotate(-90deg) !important;
185
- -o-transform: rotate(-90deg) !important;
186
- font-size:$ui-barchart-axis-label-font-size;
187
- font-weight:$ui-barchart-axis-label-font-weight;
188
- color:$ui-barchart-axis-label-color;
189
- -webkit-font-smoothing: subpixel-antialiased;
190
- display:block;
191
- }
192
-
193
- .chart-title{
194
- position:absolute;
195
- top:-10px;
196
- left:5px;
197
- font-size:$ui-barchart-title-size;
198
- color:$ui-barchart-title-color;
199
- }
200
-
201
- .legend-container{
202
- position:absolute;
203
- top:5px;
204
- right:0;
205
- @include flexbox($justification:space-between,$alignment:center);
206
-
207
- }
208
-
209
- .legend-y-label-container{
210
- position:absolute;
211
- top:200px;
212
- left:-60px;
213
- height:20px;
214
- width:80px;
215
- }
216
-
217
- .legend-comparison-container{
218
- float:left;
219
- display:none;
220
- }
221
-
222
- .annual-legend-container{
223
- position:absolute;
224
- bottom:-45px;
225
- left:0;
226
- }
227
-
228
- [data-ui=barchart]{
229
- height:$ui-barchart-height;
230
- width:100%;
231
- position:relative;
232
-
233
- }
234
- [data-ui=compare-barchart]{
235
- height:$ui-barchart-height;
236
- width:100%;
237
- position:relative;
238
- }
239
- [data-ui-wrapper=barchart-wrapper]{
240
- width:100%;
241
- position:relative;
242
- padding-top:30px;
243
- margin-bottom:30px;
244
- margin-left:20px;
245
- height:$ui-barchart-height;
246
-
247
- }
248
-
249
-
250
-
251
- }
252
-
253
-
254
-
@@ -1,8 +0,0 @@
1
-
2
-
3
- @mixin ui-form(){
4
- ui-form{
5
- display:block;
6
- @content;
7
- }
8
- }
@@ -1,6 +0,0 @@
1
- @mixin ui-login-form($tag:ui-login-form){
2
- #{$tag}{
3
- display:block;
4
- @content;
5
- }
6
- }
@@ -1,14 +0,0 @@
1
-
2
- @mixin ui-model-list($tag:ui-model-list){
3
- #{$tag}{
4
- width:100%;
5
- display:block;
6
- list-style: none;
7
- li,ui-model{
8
- display:list-item;
9
- }
10
- @content;
11
- }
12
-
13
-
14
- }
@@ -1,8 +0,0 @@
1
-
2
- @mixin ui-pluralize($tag:ui-pluralize){
3
-
4
- .ui-pluralize,#{$tag} {
5
- display:inline;
6
- @content;
7
- }
8
- }
@@ -1,6 +0,0 @@
1
- @mixin ui-signup-form($tag:ui-signup-form){
2
- #{$tag}{
3
- display:block;
4
- @content;
5
- }
6
- }
@@ -1,65 +0,0 @@
1
- @mixin ui-slide-notification($tag:ui-slide-notification,$background: #f9f9f9,
2
- $border: 1px solid #ddd,
3
- $box-shadow: rgba(0, 0, 0, .20) 0px 1px 1px,
4
- $button-font-color: #ddd,
5
- $button-font-color-hover: $secondary-color,
6
- $height: 300px,
7
- $width: 800px,
8
- $padding: 30px,
9
- $border-radius: $global-radius,
10
- $z-index: 1000,
11
- $li-margin: .6em 0,
12
- $header-margin: 1em) {
13
-
14
- .ui-slide-notification,#{$tag} {
15
- position: fixed;
16
- top: 0;
17
- width: 100%;
18
- height: $height;
19
- z-index: $z-index;
20
- visibility: hidden;
21
- @include flexbox($justification: center);
22
- & > ui-template {
23
-
24
- width: $width;
25
- background: $background;
26
- border-radius: $border-radius;
27
- border: $border;
28
- height: $height;
29
- box-shadow: $box-shadow;
30
- padding: $padding;
31
- & > header {
32
- margin: $header-margin;
33
- @include flexbox($justification: center, $alignment: center);
34
- h3 {
35
- margin-bottom: .5em;
36
- }
37
- button {
38
- margin-left: auto;
39
- background: none;
40
- border: none;
41
- color: $button-font-color;
42
- font-size: 2em;
43
- &:hover, &:focus {
44
- color: $button-font-color-hover;
45
- }
46
- }
47
- }
48
- & > section {
49
- ul {
50
- list-style: none;
51
- display: block;
52
- & > li {
53
- display: block;
54
- margin: $li-margin;
55
- & > a {
56
- font-size: 1em;
57
- }
58
- }
59
- }
60
- }
61
- }
62
- @content;
63
- }
64
-
65
- }
@@ -1,44 +0,0 @@
1
-
2
- @mixin _ui-sticky-reveal($component:null,$height:null,$z-index:null){
3
-
4
- position:fixed;
5
- top:50px;
6
- height:$height;
7
- width:100%;
8
- display:none;
9
- z-index:$z-index;
10
- border-top:0;
11
- border-left:0;
12
- border-right:0;
13
- @extend %#{$component}-background !optional;
14
- @extend %#{$component}-border !optional;
15
- @extend %#{$component}-box-shadow !optional;
16
-
17
- &>.reveal-container,&>reveal-container{
18
- width:100%;
19
- @include flexbox($justification:center);
20
- height:$height;
21
- &>*{
22
- width:$grid-width;
23
- }
24
- }
25
- }
26
-
27
- @mixin ui-sticky-reveal($class:null,$component:null,$tag:ui-sticky-reveal,
28
- $height:60px,
29
- $z-index:$global-z-index+919
30
- ){
31
- .ui-sticky-reveal,#{$tag} {
32
- @if $class != null{
33
- &.#{$class} {
34
- @include _ui-sticky-reveal($component,$height,$z-index);
35
- @content;
36
- }
37
-
38
- } @else {
39
- @include _ui-sticky-reveal($component,$height,$z-index);
40
- @content;
41
- }
42
-
43
- }
44
- }
@@ -1,7 +0,0 @@
1
-
2
- @mixin ui-template(){
3
- ui-template,ui-model{
4
- display:block;
5
- width:100%;
6
- }
7
- }
@@ -1,36 +0,0 @@
1
-
2
-
3
- @mixin _ui-veneer(
4
- $top:null,
5
- $z-index:null
6
- ){
7
- position: fixed;
8
- top: $top;
9
- width: 100%;
10
- z-index: $z-index;
11
- @include flexbox($justification: center);
12
- }
13
-
14
- @mixin ui-veneer($class:null,
15
- $top:100px,
16
- $z-index:$global-z-index + 9999
17
- ){
18
- overlay-element{
19
- @if $class != null{
20
- &.#{$class} {
21
- @include _ui-veneer($top,$z-index);
22
- @content;
23
- }
24
-
25
- } @else {
26
- @include _ui-veneer($top,$z-index);
27
- @content;
28
- }
29
- @include tablet-content(){
30
- top:60px;
31
- }
32
- @include phone-content(){
33
- top:5px;
34
- }
35
- }
36
- }