質問編集履歴

1

質問内容変更

2020/03/25 08:03

投稿

Qcwg
Qcwg

スコア5

test CHANGED
File without changes
test CHANGED
@@ -164,12 +164,6 @@
164
164
 
165
165
  transform: translateX(-50%);
166
166
 
167
- .open & {
168
-
169
- background-color: transparent; //効かない
170
-
171
- }
172
-
173
167
  &::before,
174
168
 
175
169
  &::after {
@@ -192,13 +186,7 @@
192
186
 
193
187
  left: 0;
194
188
 
195
- .open & {
189
+
196
-
197
- top: 0;
198
-
199
- transform: rotate(45deg); //効かない
200
-
201
- }
202
190
 
203
191
  }
204
192
 
@@ -208,14 +196,6 @@
208
196
 
209
197
  left: 0;
210
198
 
211
- .open & {
212
-
213
- top: 0;
214
-
215
- transform: rotate(45deg); //効かない
216
-
217
- }
218
-
219
199
  }
220
200
 
221
201
  }
@@ -264,4 +244,36 @@
264
244
 
265
245
 
266
246
 
267
- jsでnavにopenというclassは追加されますが、//の部分が効かないです。よろしくお願いします。
247
+ jsでnavにopenというclassは追加されますが、//の部分が効かないです。
248
+
249
+
250
+
251
+ ```sass
252
+
253
+ .nav.open .hamburger .bar {
254
+
255
+ background-color: transparent;
256
+
257
+ }
258
+
259
+ .nav.open .hamburger .bar::before {
260
+
261
+ top: 0;
262
+
263
+ transform: rotate(45deg);
264
+
265
+ }
266
+
267
+ .nav.open .hamburger .bar::after {
268
+
269
+ top: 0;
270
+
271
+ transform: rotate(-45deg);
272
+
273
+ }
274
+
275
+ ```
276
+
277
+
278
+
279
+ を追加したいです。