ellipsis-compass 1.0.5 → 1.0.6

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 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
- }