dlegr250_material_design 0.3.16 → 0.3.17

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. checksums.yaml +4 -4
  2. data/lib/dlegr250_material_design/version.rb +1 -1
  3. data/vendor/assets/stylesheets/components/menus.scss +53 -45
  4. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 6a0c9e2840b1f6f74346d59d9d56bad12c37a3ee
4
- data.tar.gz: 82c0c412bfcd1bbb4178960aee54fde93534baba
3
+ metadata.gz: 190a093fccfe1639137834167396f530abb7a7cd
4
+ data.tar.gz: 5deb102c8ff065c8dea3bfe191fab5034d2837a3
5
5
  SHA512:
6
- metadata.gz: 768e50ded24abfb43319341aaf5f1fe9a4ecde37b1dcaa58c65ea7ae8c7718dde7d794fc208b9e63a603b440d72fc127ed3bd9a96c0705269bbc631e4347f550
7
- data.tar.gz: 839385186fe25d632acb9042cb862fa3e0f6c63d3f37e812cf82cdff1470f9a2c6210046f7cb546bb4b5a6e91754b53b350f03b29f964d6b49b15fb390a0a525
6
+ metadata.gz: 27360a4427bc15459ecfc5e6a5d02f2050141081cfcd1bfd70d128ecbe08b8c96b8c4d161599efe52b7d4f791869a4d7044d2d7d7603a4b8740bfb7ee0364584
7
+ data.tar.gz: ea46954a9f045c4031b5dd58d8cfb3825ff1f698617c0dab2ed2fdcfd2eb84789b08f2c8bf432ca9f40f6aeac1b44e9d459c1f36f45ace17869c20b4c6193a73
data/lib/dlegr250_material_design/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.3.16"
2
+ VERSION = "0.3.17"
3
3
  end
data/vendor/assets/stylesheets/components/menus.scss CHANGED
@@ -71,12 +71,14 @@
71
71
  //----------------------------------------------------------------------
72
72
 
73
73
  .menu-item {
74
- box-sizing: border-box;
75
- color: color("text");
76
- cursor: pointer;
77
- display: table-row;
78
- font-size: $font-size-normal;
79
- @include no-touch-highlight;
74
+ min-height: 48px;
75
+ @include flex-parent-row();
76
+ // box-sizing: border-box;
77
+ // color: color("text");
78
+ // cursor: pointer;
79
+ // display: table-row;
80
+ // font-size: $font-size-normal;
81
+ // @include no-touch-highlight;
80
82
  @include transition(background-color 0.30s ease);
81
83
 
82
84
  &:hover {
@@ -84,10 +86,12 @@
84
86
  }
85
87
  }
86
88
 
87
- .menu-item:active {
88
- .menu-item-icon,
89
- .menu-item-primary,
90
- .menu-item-secondary {
89
+ .menu-item {
90
+ &:hover {
91
+ background-color: color("hover");
92
+ }
93
+
94
+ &:active {
91
95
  background-color: darken(color("hover"), 5%);
92
96
  }
93
97
  }
@@ -95,63 +99,67 @@
95
99
  // Menus - menu item - shared
96
100
  //----------------------------------------------------------------------
97
101
 
98
- .menu-item-icon,
99
- .menu-item-primary,
100
- .menu-item-secondary {
101
- box-sizing: border-box;
102
- display: table-cell;
103
- height: 48px;
104
- min-height: 48px;
105
- margin: 0;
106
- padding: $spacing-normal 0;
107
- vertical-align: middle;
108
- @include transition(background-color 0.30s ease);
109
- }
110
-
111
- // Make large menus slightly smaller
112
- @media (min-width: $large-width) {
113
- .menu-item-icon,
114
- .menu-item-primary,
115
- .menu-item-secondary {
116
- height: 36px;
117
- min-height: 36px;
118
- padding-bottom: $spacing-xsmall;
119
- padding-top: $spacing-xsmall;
120
- }
121
- }
102
+ // .menu-item-icon,
103
+ // .menu-item-primary,
104
+ // .menu-item-secondary {
105
+ // box-sizing: border-box;
106
+ // display: table-cell;
107
+ // height: 48px;
108
+ // min-height: 48px;
109
+ // margin: 0;
110
+ // padding: $spacing-normal 0;
111
+ // vertical-align: middle;
112
+ // @include transition(background-color 0.30s ease);
113
+ // }
114
+ //
115
+ // // Make large menus slightly smaller
116
+ // @media (min-width: $large-width) {
117
+ // .menu-item-icon,
118
+ // .menu-item-primary,
119
+ // .menu-item-secondary {
120
+ // height: 36px;
121
+ // min-height: 36px;
122
+ // padding-bottom: $spacing-xsmall;
123
+ // padding-top: $spacing-xsmall;
124
+ // }
125
+ // }
122
126
 
123
127
 
124
128
  // Menus - menu item - icon
125
129
  //----------------------------------------------------------------------
126
130
 
127
131
  .menu-item-icon {
128
- color: color("helper");
129
- font-size: $font-size-icon;
130
- padding: 0;
132
+ color: color("icon");
131
133
  padding-left: $spacing-normal;
132
- width: 72px - $spacing-normal * 2;
134
+ text-align: center;
135
+ width: 40px;
136
+ // color: color("helper");
137
+ // font-size: $font-size-icon;
138
+ // padding: 0;
139
+ // padding-left: $spacing-normal;
140
+ // width: 72px - $spacing-normal * 2;
133
141
  }
134
142
 
135
143
  // Menus - menu item - primary
136
144
  //----------------------------------------------------------------------
137
145
 
138
146
  .menu-item-primary {
147
+ color: color("text");
148
+ flex: 1;
139
149
  padding-left: $spacing-normal;
140
150
  padding-right: $spacing-normal;
141
- min-width: $menu-width;
151
+ // padding-left: $spacing-normal;
152
+ // padding-right: $spacing-normal;
153
+ // min-width: $menu-width;
142
154
  }
143
155
 
144
156
  // Menus - menu item - secondary
145
157
  //----------------------------------------------------------------------
146
158
 
147
159
  .menu-item-secondary {
148
- color: color("helper");
149
- padding-right: $spacing-normal;
160
+ color: color("icon");
161
+ margin-right: $spacing-normal;
150
162
  text-align: right;
151
-
152
- .icon {
153
- font-size: $font-size-icon;
154
- }
155
163
  }
156
164
 
157
165
  // Menus - sizes
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.16
4
+ version: 0.3.17
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand