質問編集履歴
1
scssの記法
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -52,31 +52,35 @@
|
|
|
52
52
|
|
|
53
53
|
```css
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
input.bar:checked ~ label > i {
|
|
56
56
|
|
|
57
|
-
|
|
57
|
+
background-color: transparent;
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
-webkit-transform: rotate(90deg);
|
|
60
60
|
|
|
61
|
-
|
|
61
|
+
transform: rotate(90deg);
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
}
|
|
64
64
|
|
|
65
|
-
-webkit-transform: translate(-50%, -50%) rotate(315deg);
|
|
66
65
|
|
|
67
|
-
transform: translate(-50%, -50%) rotate(315deg);
|
|
68
66
|
|
|
69
|
-
|
|
67
|
+
input.bar:checked ~ label > i:before {
|
|
70
68
|
|
|
71
|
-
|
|
69
|
+
-webkit-transform: translate(-50%, -50%) rotate(315deg);
|
|
72
70
|
|
|
73
|
-
|
|
71
|
+
transform: translate(-50%, -50%) rotate(315deg);
|
|
74
72
|
|
|
75
|
-
|
|
73
|
+
}
|
|
76
74
|
|
|
77
|
-
}
|
|
78
75
|
|
|
76
|
+
|
|
77
|
+
input.bar:checked ~ label > i:after {
|
|
78
|
+
|
|
79
|
+
-webkit-transform: translate(-50%, -50%) rotate(-315deg);
|
|
80
|
+
|
|
81
|
+
transform: translate(-50%, -50%) rotate(-315deg);
|
|
82
|
+
|
|
79
|
-
|
|
83
|
+
}
|
|
80
84
|
|
|
81
85
|
```
|
|
82
86
|
|
|
@@ -86,7 +90,7 @@
|
|
|
86
90
|
|
|
87
91
|
|
|
88
92
|
|
|
89
|
-
```j
|
|
93
|
+
```jQuery
|
|
90
94
|
|
|
91
95
|
$('.drawer-list').find('a').click(function(){
|
|
92
96
|
|