dlegr250_material_design 0.3.16 → 0.3.17
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,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 190a093fccfe1639137834167396f530abb7a7cd
|
|
4
|
+
data.tar.gz: 5deb102c8ff065c8dea3bfe191fab5034d2837a3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 27360a4427bc15459ecfc5e6a5d02f2050141081cfcd1bfd70d128ecbe08b8c96b8c4d161599efe52b7d4f791869a4d7044d2d7d7603a4b8740bfb7ee0364584
|
|
7
|
+
data.tar.gz: ea46954a9f045c4031b5dd58d8cfb3825ff1f698617c0dab2ed2fdcfd2eb84789b08f2c8bf432ca9f40f6aeac1b44e9d459c1f36f45ace17869c20b4c6193a73
|
|
@@ -71,12 +71,14 @@
|
|
|
71
71
|
//----------------------------------------------------------------------
|
|
72
72
|
|
|
73
73
|
.menu-item {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
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
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
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
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
// Make large menus slightly smaller
|
|
112
|
-
@media (min-width: $large-width) {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
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("
|
|
129
|
-
font-size: $font-size-icon;
|
|
130
|
-
padding: 0;
|
|
132
|
+
color: color("icon");
|
|
131
133
|
padding-left: $spacing-normal;
|
|
132
|
-
|
|
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
|
-
|
|
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("
|
|
149
|
-
|
|
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
|