ellipsis-compass 1.0.8 → 1.0.9

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