ellipsis-compass 1.0.8 → 1.0.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. checksums.yaml +8 -8
  2. data/stylesheets/ellipsis/touch/ui/_drawer.scss +33 -3
  3. data/stylesheets/ellipsis/touch/ui/_dropdown.scss +11 -10
  4. data/stylesheets/ellipsis/touch/ui/_menu.scss +15 -13
  5. data/stylesheets/ellipsis/touch/ui/_navbar.scss +23 -4
  6. data/stylesheets/ellipsis/touch/ui/_toggle.scss +6 -42
  7. data/stylesheets/ellipsis/touch/ui/_topbar.scss +9 -3
  8. metadata +1 -1
checksums.yaml CHANGED
@@ -1,15 +1,15 @@
1
1
  ---
2
2
  !binary "U0hBMQ==":
3
3
  metadata.gz: !binary |-
4
- YmRhNGM5ZWRiYTNkN2RkYjkxMTgwOGIzMzg3MmM2NzY5OTU0OGIyZg==
4
+ MGYzYzU0YzI4NDQ5ODM5NjcxYTg5ZWIwMDkwOTM5Yzg5NDkyODMzZA==
5
5
  data.tar.gz: !binary |-
6
- OTNmZWQxYzc1MzdhZWU4YjRmMGU5MjNmOTgzZmUxNWQ2ZjVmNWMxNg==
6
+ ZTc5OTJiNjY1NzNmM2NhYmU4MTIxN2RhODk5MDIwZWQyNWFmMDk5YQ==
7
7
  !binary "U0hBNTEy":
8
8
  metadata.gz: !binary |-
9
- NTU2NGQ0ODBkNGJjMzkzOTVhOWZiNGUwZTFjYjFmMGY5YjMxNGIwMGViNTU1
10
- NzQ0ZDQzZjIzOWI0ZjIwNjJlNzQ1MmQxZDRlZTUzNGVmOTJhYWM3ZWUwNThm
11
- N2JiMzYwYzRkYjg1N2EyNmU2NmIxNjcxNjgwYjYyNmMxOGQxMjc=
9
+ NGU0OTdjNDIxNDFjZmFmMDZiZmRmNjAwNjBhMDRjMWNhMmYyMzliNGJkOGZi
10
+ OTc2YmExNGY2NWUxNDlhODdjYTJhYmQ4ZGNlMjQzMGI2MjE3YmE0OTMzMjA1
11
+ ZjQ2NmEzN2ZhMzcyZjgzNjhmM2Y4MzZiODY1NjEwNGFkNTI4MGU=
12
12
  data.tar.gz: !binary |-
13
- ZDM3YWJlZjJlZWQxMzFmOTQwMWQxNWNkMzNjZjdlNjU5ZDc5OGE1MjUyY2Jh
14
- NTlkYjkzN2UzMGZiOGY3NGY3MmY4MjExMDNmOWNkOTliZjhlY2E1OGQxMTdi
15
- YTM0MDllY2I5NDY0MzQ5OGYzYWU1ZDQwNGI1ZDVlNDc4MjBmMjc=
13
+ MjJhOTUyYjliMmZmMjE5MzIxYTg0MjY4ZDE3MDg0MDhjYzZmMTBhZTU4YjFk
14
+ MjM0NWE4MTA1MzBlMmU4ZWVhNzVlOTc4ZmI0ODc1Y2E4MjVhOWMzNzNjZGU2
15
+ YTc2MWY1YWUyYjRkMmZjOGNhODgyYzAxZjc5ZWI5YWEwMjg0MTA=
data/stylesheets/ellipsis/touch/ui/_drawer.scss CHANGED
@@ -3,11 +3,16 @@
3
3
 
4
4
  /* private -----------------------------------------------------------------------------------------------------------*/
5
5
 
6
- @mixin _touch-ui-drawer($component:null,$header-component:null,
6
+ @mixin _touch-ui-drawer($component:null,$header-component:null,$input-component:null,
7
7
  $width:null,
8
8
  $header-height:null,
9
9
  $search-margin:null,
10
- $search-width:null
10
+ $search-width:null,
11
+ $search-padding:null,
12
+ $search-font-size:null,
13
+ $search-input-border-radius:null,
14
+ $search-input-icon-top:null,
15
+ $search-input-icon-right:null
11
16
  ){
12
17
 
13
18
  min-height:100%;
@@ -29,8 +34,33 @@ $search-width:null
29
34
  margin:$search-margin ;
30
35
  width:$search-width;
31
36
  position:relative;
32
- input{
37
+ font-size:$search-font-size;
38
+ input[type="text"],input{
33
39
  width:100% !important;
40
+ padding:$search-padding;
41
+ font-size:$search-font-size;
42
+ border-radius:$search-input-border-radius;
43
+ transition:none;
44
+ -webkit-transition:none;
45
+
46
+ @extend %#{$input-component}-background !optional;
47
+ @extend %#{$input-component}-border !optional;
48
+ @extend %#{$input-component}-box-shadow !optional;
49
+ @extend %#{$input-component}-text-shadow !optional;
50
+ @extend %#{$input-component}-font !optional;
51
+ @extend %#{$input-component}-placeholder !optional;
52
+
53
+ &:focus {
54
+ @extend %#{$input-component}-background !optional;
55
+ @extend %#{$input-component}-font !optional;
56
+ @extend %#{$input-component}-placeholder !optional;
57
+ }
58
+ }
59
+ &:after{
60
+ @extend %#{$component}-icon !optional;
61
+ font-size:$search-font-size;
62
+ top:$search-input-icon-top;
63
+ right:$search-input-icon-right;
34
64
  }
35
65
  }
36
66
  }
data/stylesheets/ellipsis/touch/ui/_dropdown.scss CHANGED
@@ -5,9 +5,10 @@
5
5
 
6
6
 
7
7
  @mixin _touch-ui-dropdown($component:null,
8
- $li-padding:null,
9
- $link-font-size:null,
10
- $li-border-bottom:null
8
+ $item-padding:null,
9
+ $itemnk-font-size:null,
10
+ $item-border-bottom:null,
11
+ $item-link-transform:null
11
12
 
12
13
  ){
13
14
 
@@ -21,9 +22,9 @@ $li-border-bottom:null
21
22
  z-index:1;
22
23
  }
23
24
  li,menu-item{
24
- padding:$li-padding;
25
+ padding:$item-padding;
25
26
  border:0;
26
- border-bottom:$li-border-bottom;
27
+ border-bottom:$item-border-bottom;
27
28
  @extend %#{$component}-border !optional;
28
29
  display:list-item;
29
30
  &:last-child{
@@ -34,20 +35,20 @@ $li-border-bottom:null
34
35
  }
35
36
  a{
36
37
  @extend %#{$component}-font !optional;
37
- font-size:$link-font-size;
38
- text-transform:none !important;
38
+ font-size:$itemnk-font-size;
39
+ text-transform:$item-link-transform !important;
39
40
  text-decoration:none !important;
40
41
  &:hover,&:focus{
41
42
  @extend %#{$component}-font !optional;
42
- text-transform:none !important;
43
+ text-transform:$item-link-transform !important;
43
44
  text-decoration:none !important;
44
45
  }
45
46
  &:active{
46
- text-transform:none !important;
47
+ text-transform:$item-link-transform !important;
47
48
  text-decoration:none !important;
48
49
  }
49
50
  &.active{
50
- text-transform:none !important;
51
+ text-transform:$item-link-transform !important;
51
52
  text-decoration:none !important;
52
53
  }
53
54
  }
data/stylesheets/ellipsis/touch/ui/_menu.scss CHANGED
@@ -7,20 +7,22 @@
7
7
  @mixin _touch-ui-menu($component:null,
8
8
  $z-index:null,
9
9
  $padding:null,
10
- $li-border-bottom:null,
11
- $li-padding:null,
12
- $li-link-padding:null,
10
+ $item-border-bottom:null,
11
+ $item-padding:null,
12
+ $item-link-padding:null,
13
+ $item-link-transform:null,
13
14
  $icon-font-size:null,
14
15
  $icon-padding:null,
15
16
  $icon-expand-top:null,
16
17
  $icon-expand-right:null,
17
18
  $icon-expand-font-size:null
18
19
 
20
+
19
21
  ){
20
22
 
21
- $_dropdown-margin-left: margin-left($li-padding);
22
- $_dropdown-margin-top: margin-top($li-padding);
23
- $_dropdown-margin-bottom: margin-bottom($li-padding);
23
+ $_dropdown-margin-left: margin-left($item-padding);
24
+ $_dropdown-margin-top: margin-top($item-padding);
25
+ $_dropdown-margin-bottom: margin-bottom($item-padding);
24
26
 
25
27
 
26
28
  @extend %#{$component}-background !optional;
@@ -31,9 +33,9 @@ $icon-expand-font-size:null
31
33
 
32
34
  li,menu-item,menu-item-dropdown {
33
35
  border: 0;
34
- border-bottom: $li-border-bottom;
36
+ border-bottom: $item-border-bottom;
35
37
  @extend %#{$component}-border !optional;
36
- padding: $li-padding;
38
+ padding: $item-padding;
37
39
  margin-right:0;
38
40
  @extend %#{$component}-font !optional;
39
41
  display:list-item;
@@ -42,19 +44,19 @@ $icon-expand-font-size:null
42
44
  }
43
45
  a {
44
46
  @extend %#{$component}-font !optional;
45
- text-transform: none !important;
47
+ text-transform: $item-link-transform !important;
46
48
  text-decoration: none !important;
47
- padding: $li-link-padding;
49
+ padding: $item-link-padding;
48
50
  &:hover, &:focus {
49
- text-transform: none !important;
51
+ text-transform: $item-link-transform !important;
50
52
  text-decoration: none !important;
51
53
  }
52
54
  &:active {
53
- text-transform: none !important;
55
+ text-transform: $item-link-transform !important;
54
56
  text-decoration: none !important;
55
57
  }
56
58
  &.active {
57
- text-transform: none !important;
59
+ text-transform: $item-link-transform !important;
58
60
  text-decoration: none !important;
59
61
  }
60
62
 
data/stylesheets/ellipsis/touch/ui/_navbar.scss CHANGED
@@ -10,8 +10,9 @@ $position:null,
10
10
  $height:null,
11
11
  $z-index:null,
12
12
  $brand-font:null,
13
- $brand-margin:null
14
-
13
+ $brand-margin:null,
14
+ $icon-font-size:null,
15
+ $icon-margin:null
15
16
  ){
16
17
 
17
18
  position:$position;
@@ -26,9 +27,10 @@ $brand-margin:null
26
27
  @extend %#{$component}-background !optional;
27
28
  @extend %#{$component}-border !optional;
28
29
  @extend %#{$component}-box-shadow !optional;
30
+ @include flexbox($justification: center, $alignment:center);
29
31
  text-align: center;
30
- .touch-brand{
31
- display:inline-block;
32
+ .touch-ui-brand,touch-ui-brand{
33
+ @include flexbox($justification: center, $alignment:center);
32
34
  margin-top:$brand-margin;
33
35
  h1,h2,h3,h4,h5,h6{
34
36
  margin:0;
@@ -38,6 +40,23 @@ $brand-margin:null
38
40
  font:$brand-font;
39
41
  }
40
42
  }
43
+ .touch-right,touch-icons{
44
+ list-style: none;
45
+ position:absolute;
46
+ top:0;
47
+ right:5px;
48
+ @include flexbox($justification: center, $alignment:center);
49
+ height:100%;
50
+ &>touch-icon,&>li{
51
+ display:list-item;
52
+ @include span-icon(){
53
+ font-size:$icon-font-size;
54
+ @extend %#{$component}-icon !optional;
55
+ margin-right:$icon-margin;
56
+ }
57
+ }
58
+
59
+ }
41
60
  }
42
61
 
43
62
 
data/stylesheets/ellipsis/touch/ui/_toggle.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  $height: null,
9
9
  $width: null,
10
10
  $border-right: null,
11
+ $icon:null,
11
12
  $icon-size: null,
12
13
  $icon-left: null,
13
14
  $icon-top: null
@@ -28,7 +29,7 @@ $icon-top: null
28
29
  //color:#666;
29
30
  &:before {
30
31
  font-family: $global-icon-font-family;
31
- content: '#{$global-icon-toggle}';
32
+ content: '#{$icon}';
32
33
  font-size: $icon-size;
33
34
  @extend %#{$component}-font !optional;
34
35
  left: $icon-left;
@@ -46,7 +47,8 @@ $icon-top: null
46
47
  $height: 59px,
47
48
  $width: 60px,
48
49
  $border-right:1px solid,
49
- $icon-size:16px,
50
+ $icon:$global-icon-toggle,
51
+ $icon-size:22px,
50
52
  $icon-left:10px,
51
53
  $icon-top:16px
52
54
 
@@ -59,6 +61,7 @@ $icon-top:16px
59
61
  $height,
60
62
  $width,
61
63
  $border-right,
64
+ $icon,
62
65
  $icon-size,
63
66
  $icon-left,
64
67
  $icon-top
@@ -69,6 +72,7 @@ $icon-top:16px
69
72
  $height,
70
73
  $width,
71
74
  $border-right,
75
+ $icon,
72
76
  $icon-size,
73
77
  $icon-left,
74
78
  $icon-top
@@ -84,44 +88,4 @@ $icon-top:16px
84
88
 
85
89
 
86
90
 
87
- @mixin touch-ui-menu-toggle($toggle-component: toggle,
88
- $height: 59px,
89
- $width: 60px,
90
- $border-right:1px solid,
91
- $icon-size:16px,
92
- $icon-left:10px,
93
- $icon-top:16px
94
-
95
- ) {
96
-
97
-
98
- .touch-ui-toggle,touch-ui-toggle {
99
- display: block;
100
- position: absolute;
101
- left: 0;
102
- top: 0;
103
- height: $height;
104
- width: $width;
105
- border-width: 0;
106
- border-right: $border-right;
107
- @extend %#{$toggle-component}-border !optional;
108
- @extend %#{$toggle-component}-box-shadow !optional;
109
-
110
- &:before {
111
- font-family: $global-icon-font-family;
112
- content: '#{$global-icon-toggle}';
113
- font-size: $icon-size;
114
- @extend %#{$toggle-component}-font !optional;
115
- left: $icon-left;
116
- top: $icon-top;
117
- position: absolute;
118
- }
119
- }
120
-
121
- }
122
-
123
-
124
-
125
-
126
-
127
91
 
data/stylesheets/ellipsis/touch/ui/_topbar.scss CHANGED
@@ -9,8 +9,9 @@
9
9
  $position:null,
10
10
  $height:null,
11
11
  $z-index:null,
12
- $brand-font-size:null
13
-
12
+ $brand-font-size:null,
13
+ $icon-font-size:null,
14
+ $icon-margin:null
14
15
  ){
15
16
 
16
17
  position:$position;
@@ -46,8 +47,13 @@ $brand-font-size:null
46
47
  right:5px;
47
48
  @include flexbox($justification: center, $alignment:center);
48
49
  height:100%;
49
- &>touch-icon{
50
+ &>touch-icon,&>li{
50
51
  display:list-item;
52
+ @include span-icon(){
53
+ font-size:$icon-font-size;
54
+ @extend %#{$component}-icon !optional;
55
+ margin-right:$icon-margin;
56
+ }
51
57
  }
52
58
  }
53
59
  &>section{
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.8
4
+ version: 1.0.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - S. Francis