euphoria 0.1.3.7 → 0.1.3.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 678047bb20a061edc9ae3c50738ef751534438af
4
- data.tar.gz: ba0b72178f985845e329218315e9893349f86271
3
+ metadata.gz: 6f51b47d61c92407292f3e161e94b8822a9e0404
4
+ data.tar.gz: b3fc1c9818475520ccca5a568d2878062b7a59ea
5
5
  SHA512:
6
- metadata.gz: f6dae4b39c8c78259fad00062301310af1e27e7e020c5bf519edb25c782391d9b65cab0807d63c6e93c909f9d5527670b07aec29c62dc294fc6654cb3b889b03
7
- data.tar.gz: eea7bf34665af7f0da5694416f3a5e50033148b4014007673b1ff463dea791917582c4bde49f02f0aac98b45b9794ae3e21e6bd09091ba5abfdede2f9b47371b
6
+ metadata.gz: 41b8b34bddac8d46e0a7adea4545fdc3523aeef6e7dd5884cbd43385c1f1ac6313f498a569d0ac261ebcbe407b597b3528fd76382fe6521dc2cff718fe42045d
7
+ data.tar.gz: 3a4084dc1fef6379927a9e1155e5497a71184eeba7fc248065af28fa946b7bb5a91cf3f66274e842f9dda3a5cf7e9efd0ac001e86a1661eedc79540004fb55bc
@@ -4,10 +4,11 @@ $(document).on 'page:change', ->
4
4
  #######################################################################################
5
5
  $(".menu-toggle").on "click", ->
6
6
 
7
- if $(".tablet-menu .menu-toggle").hasClass("fa-bars")
8
- $(".tablet-menu .menu-toggle").removeClass("fa-bars").addClass("fa-times")
7
+ if $(".menu-toggle").hasClass("fa-bars")
8
+ $(".menu-toggle").removeClass("fa-bars").addClass("fa-times")
9
9
  else
10
- $(".tablet-menu .menu-toggle").addClass("fa-bars").fadeIn().removeClass("fa-times")
10
+ $(".menu-toggle").addClass("fa-bars").fadeIn().removeClass("fa-times")
11
+
11
12
  $(".menu").slideToggle()
12
13
 
13
14
  #on resize
@@ -5,101 +5,152 @@
5
5
  $li_border_color: #dfdfdf
6
6
  //links hover color
7
7
  $link_hover_color: #2ECC71
8
+ $link_hover_bg_color: #1abc9c
8
9
  /*======================================
9
10
  ** Menu values
10
11
  **=====================================
11
12
  // menu's font
12
- $menu_font: 'Lora', serif, Times
13
+ $nav_font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
13
14
  //link font size
14
- $menu_font_size: 1rem
15
+ $nav_font_size: 1rem
15
16
  //link padding
16
- $menu_link_padding: 1rem 1.5rem
17
+ $nav_link_padding: 1rem 1.5rem
17
18
 
18
- /*=============================================================================
19
- ** DRY
20
- **==============================================================================
19
+ $nav_bg_color: #fff
21
20
 
22
- %menu_default
23
- background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.95)
24
- text-align: center
25
- text-transform: uppercase
26
- letter-spacing: 1px
27
- list-style-type: none
28
- text-align: center
29
- margin: 1% 0
30
- font-size: 1rem
31
- li
32
- display: inline-block
33
- text-align: center
34
- a
35
- padding: $menu_link_padding
36
- font-family: $menu_font
37
- &:hover
38
- color: $link_hover_color
39
- &.bordered
40
- li
41
- border-right: 1px solid $li_border_color
42
-
43
- &.active-bottom
44
- border-bottom: 2px solid #98F5FF
45
- &.vertical
46
- display: block
47
21
 
48
- /*=============================================================================
49
- ** Mobile Menu
50
- **==============================================================================
51
-
52
- .tablet-menu
53
- @extend %menu_default
54
- display: none
55
- a
56
- font-size: $menu_font_size
57
- /*=============================================================================
58
- ** Menu
59
- **============================================================================
60
- .menu-container
61
- @extend %default_prop
62
- background-color: $menu_bg
63
- min-height: 50px
64
- box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16)
65
- margin-bottom: 5%
22
+ nav
23
+ background-color: $nav_bg_color
24
+ border: 1px solid #dedede
25
+ border-radius: 4px
26
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055)
27
+ color: #888
28
+ display: block
29
+ margin: .8% 0
30
+ overflow: hidden
31
+ width: 100%
32
+ .mobile
33
+ display: none
66
34
  &.fixed
67
35
  position: fixed
68
- width: 100%
69
-
70
- /*=============================================================================
71
- ** Regular Menu
72
- **==============================================================================
73
-
74
- .menu
75
- @extend %menu_default
76
-
77
- /*=============================================================================
78
- ** Responsive
79
- **==============================================================================
80
-
81
- +tablet
82
- .tablet-menu
83
- width: 95%
84
- margin: auto
36
+ ul
37
+ margin: 0
38
+ padding: 0
85
39
  li
86
40
  display: inline-block
87
- &.menu-toggle
88
- z-index
89
- width: 100%
90
- border-bottom: 1px solid $li_border_color
91
- padding: .3rem 0
92
-
93
- margin-right: 2%
94
- a
95
- padding: 1rem
96
- .menu
97
- display: none
98
- li
99
- &.bordered
100
- li
101
- border-bottom: 1px solid $li_border_color
102
-
41
+ list-style-type: none
42
+ +transition-fix(all 0.2s)
43
+ > ul > li
44
+ >
45
+ a > .caret
46
+ border-top: 4px solid #aaa
47
+ border-right: 4px solid transparent
48
+ border-left: 4px solid transparent
49
+ content: ""
50
+ display: inline-block
51
+ height: 0
52
+ width: 0
53
+ vertical-align: middle
54
+ +transition-fix(color 0.1s linear)
55
+ div ul > li > a > .caret
56
+ border-top: 4px solid #aaa
57
+ border-right: 4px solid transparent
58
+ border-left: 4px solid transparent
59
+ content: ""
60
+ display: inline-block
61
+ height: 0
62
+ width: 0
63
+ vertical-align: middle
64
+ +transition-fix(color 0.1s linear)
65
+ border-bottom: 4px solid transparent
66
+ border-top: 4px solid transparent
67
+ border-right: 4px solid transparent
68
+ border-left: 4px solid #f2f2f2
69
+ margin: 0 0 0 8px
70
+ a
71
+ color: #aaa
72
+ display: block
73
+ line-height: 56px
74
+ padding: 0 24px
75
+ text-decoration: none
76
+ &:hover
77
+ background-color: $link_hover_bg_color
78
+ > a
79
+ color: rgb(255, 255, 255)
80
+ > .caret
81
+ border-top-color: rgb(255, 255, 255)
82
+ > div
83
+ display: block
84
+ opacity: 1
85
+ visibility: visible
86
+ > div
87
+ ul > li
88
+ &:hover > a > .caret
89
+ border-left-color: rgb(255, 255, 255)
90
+ > div
91
+ background-color: rgb(40, 44, 47)
92
+ border-top: 0
93
+ border-radius: 0 0 4px 4px
94
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055)
95
+ display: none
96
+ margin: 0
97
+ opacity: 0
98
+ position: absolute
99
+ width: 165px
100
+ visibility: hidden
101
+ +transition-fix(opacity 0.2s)
102
+
103
+ background-color: rgb(40, 44, 47)
104
+ border-radius: 0 4px 4px 4px
105
+ box-shadow: inset 2px 0 5px rgba(0, 0, 0, 0.15)
106
+ margin-top: -42px
107
+ right: -165px
108
+ background-color: rgb(40, 44, 47)
109
+ border-top: 0
110
+ border-radius: 0 0 4px 4px
111
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055)
112
+ display: none
113
+ margin: 0
114
+ opacity: 0
115
+ position: absolute
116
+ width: 165px
117
+ visibility: hidden
118
+ +transition-fix(opacity 0.2s)
119
+ > div ul > li
120
+ &:hover
121
+ > div
122
+ display: block
123
+ opacity: 1
124
+ visibility: visible
125
+ > a
126
+ background-color: $link_hover_bg_color
127
+ display: block
128
+ position: relative
129
+ >
130
+ div ul > li
131
+ display: block
132
+ position: relative
133
+ a, div ul > li > a
134
+ color: #fff
135
+ display: block
136
+ padding: 12px 24px
137
+ text-decoration: none
138
+ +tablet
139
+ nav
140
+ .menu
141
+ display: none
142
+ .mobile
143
+ display: block
144
+ padding: .5% 0 .5% .5%
145
+ .menu-toggle
146
+ background-color: white
147
+ border: none
148
+ +border-radius(.4)
149
+ &:hover
150
+ background-color: none
151
+
152
+
153
+
103
154
  +small-tablet
104
155
  .menu-toggle
105
156
  margin-bottom: 1%
@@ -5,20 +5,23 @@
5
5
  @for $i from 1 through 18
6
6
  .c-#{$i}
7
7
  width: $i / 18 * 100%
8
+ .hide
9
+ display: none
8
10
 
9
11
  /*=============================================================================
10
12
  ** spaces
11
13
  **============================================================================
12
14
  @for $i from 1 through 18
13
- .space-l-#{$i}
15
+ .gap-l-#{$i}
14
16
  margin-left: $i / 18 * 100%
15
- .space-r-#{$i}
17
+ .gap-r-#{$i}
16
18
  margin-right: $i / 18 * 100%
17
19
 
18
- .space-none
20
+ .gap-none
19
21
  margin-left: 0
20
22
  margin-right: 0
21
23
 
24
+
22
25
  /*=============================================================================
23
26
  ** Responsive Grids
24
27
  **============================================================================
@@ -33,9 +36,11 @@
33
36
  @for $i from 1 through 18
34
37
  .tablet-#{$i}
35
38
  width: $i / 18 * 100%
36
- .space-t-none
39
+ .gap-t-none
37
40
  margin-left: 0
38
41
  margin-right: 0
42
+ .tablet-hide
43
+ display: none
39
44
 
40
45
  +small-tablet
41
46
  @for $i from 1 through 4
@@ -48,7 +53,7 @@
48
53
  @for $i from 1 through 18
49
54
  .sm-tablet-#{$i}
50
55
  width: $i / 18 * 100%
51
- .space-sm-t-none
56
+ .gap-sm-t-none
52
57
  margin-left: 0
53
58
  margin-right: 0
54
59
 
@@ -1,4 +1,4 @@
1
1
  module Euphoria
2
- VERSION = "0.1.3.7"
2
+ VERSION = "0.1.3.8"
3
3
  end
4
4
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: euphoria
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3.7
4
+ version: 0.1.3.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - paul brunache