質問編集履歴
2
修正しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,8 +9,14 @@
|
|
|
9
9
|
完成図
|
|
10
10
|
|
|
11
11
|
|
|
12
|
+
現状
|
|
13
|
+
|
|
14
|
+
→サイズ表のところです。
|
|
15
|
+
size,chest,weist,heightが一括りになっている点です。
|
|
16
|
+
それぞれ、classを付けてwidthで区分しようとしていますが、できていません！！
|
|
12
17
|
|
|
13
18
|
|
|
19
|
+
|
|
14
20
|
```HTML
|
|
15
21
|
<head>
|
|
16
22
|
｛省略｝
|
|
@@ -90,16 +96,10 @@
|
|
|
90
96
|
|
|
91
97
|
<table class="size-table">
|
|
92
98
|
<thead>
|
|
93
|
-
|
|
99
|
+
<tr>
|
|
94
100
|
<th class="size">Size</th>
|
|
95
|
-
</tr>
|
|
96
|
-
<tr>
|
|
97
101
|
<th class="chest">Chest</th>
|
|
98
|
-
</tr>
|
|
99
|
-
<tr>
|
|
100
102
|
<th class="weist">Weist</th>
|
|
101
|
-
</tr>
|
|
102
|
-
<tr>
|
|
103
103
|
<th class="height">Height</th>
|
|
104
104
|
</tr>
|
|
105
105
|
</thead>
|
|
@@ -135,138 +135,4 @@
|
|
|
135
135
|
|
|
136
136
|
</body>
|
|
137
137
|
</html>
|
|
138
|
-
```
|
|
139
|
-
|
|
140
|
-
```SCSS(table.scss=order-size)
|
|
141
|
-
table{
|
|
142
|
-
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.order-table{
|
|
146
|
-
width: 100%;
|
|
147
|
-
margin-bottom: 20px;
|
|
148
|
-
> thead{
|
|
149
|
-
> th{
|
|
150
|
-
padding: 10px;
|
|
151
|
-
border-right:$base-border;
|
|
152
|
-
.th:last-child{
|
|
153
|
-
border-right: none;
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.color{
|
|
158
|
-
padding: 10px;
|
|
159
|
-
width: 20%;
|
|
160
|
-
border-right:$base-border ;
|
|
161
|
-
text-align: center;
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
}
|
|
166
|
-
.size{
|
|
167
|
-
@extend .color;
|
|
168
|
-
}
|
|
169
|
-
.quantity{
|
|
170
|
-
padding: 10px;
|
|
171
|
-
width: 60%;
|
|
172
|
-
text-align: center;
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
> tbody{
|
|
178
|
-
> tr {
|
|
179
|
-
>td {
|
|
180
|
-
text-align: center;
|
|
181
|
-
border-top: $base-border;
|
|
182
|
-
border-right:$base-border ;
|
|
183
|
-
> td:last-child{
|
|
184
|
-
border-right: none;
|
|
185
|
-
}
|
|
186
|
-
>select{
|
|
187
|
-
width: 100%;
|
|
188
|
-
padding: 0 10px;
|
|
189
|
-
border: $base-border;
|
|
190
|
-
-moz-appearance: menulist;/*ボタンダウン課題*/
|
|
191
|
-
-webkit-appearance: menulist;/*ボタンダウン課題*/
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.order-link{
|
|
200
|
-
background-color: #4B4B4B;
|
|
201
|
-
width: 100%;
|
|
202
|
-
height: 54px;
|
|
203
|
-
margin-bottom: 30px;
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
> a{
|
|
207
|
-
display: block;
|
|
208
|
-
text-align: center;
|
|
209
|
-
align-items: center;
|
|
210
|
-
text-transform: uppercase;
|
|
211
|
-
color: #fff;
|
|
212
|
-
line-height: 1;
|
|
213
|
-
padding: 18px 0;
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
/*サイズテーブル*/
|
|
218
|
-
.size-table{
|
|
219
|
-
border: $base-border;
|
|
220
|
-
width: 100%;
|
|
221
|
-
>thead {
|
|
222
|
-
display: flex;
|
|
223
|
-
|
|
224
|
-
>tr{
|
|
225
|
-
background-color: #ECEBEB;
|
|
226
|
-
|
|
227
|
-
>th{
|
|
228
|
-
border-top: $base-border;
|
|
229
|
-
border-right: $base-border;
|
|
230
|
-
|
|
231
|
-
.size{
|
|
232
|
-
width: 16%;
|
|
233
|
-
}
|
|
234
|
-
.chest{
|
|
235
|
-
width: 28%;
|
|
236
|
-
}
|
|
237
|
-
.weist{
|
|
238
|
-
width: 28%;
|
|
239
|
-
}
|
|
240
|
-
.height{
|
|
241
|
-
width: 28%;
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
>tbody{
|
|
250
|
-
>tr{
|
|
251
|
-
text-align: center;
|
|
252
|
-
width: 100%;
|
|
253
|
-
>th{
|
|
254
|
-
width: 16%;
|
|
255
|
-
border-right: $base-border;
|
|
256
|
-
border-bottom: $base-border;
|
|
257
|
-
padding: 10px 0;
|
|
258
|
-
text-align: center;
|
|
259
|
-
}
|
|
260
|
-
>td{
|
|
261
|
-
border-right: $base-border;
|
|
262
|
-
border-bottom: $base-border;
|
|
263
|
-
padding: 10px 0;
|
|
264
|
-
text-align: center;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
}
|
|
271
|
-
|
|
272
138
|
```
|
1
修正しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
完成図
|
|
10
10
|
|
|
11
11
|
|
|
12
|
+
|
|
13
|
+
|
|
12
14
|
```HTML
|
|
13
15
|
<head>
|
|
14
16
|
｛省略｝
|