質問編集履歴

3

ご指摘ありがとうございます、コードを枠に入れ直しました。会社の仕事でなく、学校の課題です。

2021/06/10 05:12

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -192,9 +192,11 @@
192
192
 
193
193
  </html>
194
194
 
195
- ``````css
195
+ ``````
196
+
196
-
197
+ sass css
198
+
197
-
199
+ ```
198
200
 
199
201
  コード
200
202
 
@@ -254,7 +256,15 @@
254
256
 
255
257
  }
256
258
 
259
+
260
+
257
- ```
261
+ ```
262
+
263
+
264
+
265
+
266
+
267
+
258
268
 
259
269
 
260
270
 
@@ -272,6 +282,8 @@
272
282
 
273
283
 
274
284
 
285
+
286
+
275
287
  ### 補足情報(FW/ツールのバージョンなど)
276
288
 
277
289
 

2

たびたび変更してしまいすみません、自分が書いたコードですが変にいじってしまってどうしたいいかわからなくなってしましました。

2021/06/10 05:12

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -192,68 +192,70 @@
192
192
 
193
193
  </html>
194
194
 
195
+ ``````css
196
+
197
+
198
+
199
+ コード
200
+
201
+ .footB{
202
+
203
+ //ブレイクポイント
204
+
205
+ //$pb:1000px; //PC
206
+
207
+ //$mb:768px; //モバイル
208
+
209
+
210
+
211
+ //pc
212
+
213
+ @mixin pbmax{
214
+
215
+ }
216
+
217
+ //スマホ
218
+
219
+ @mixin mbmax{
220
+
221
+ }
222
+
223
+
224
+
225
+ bgc{
226
+
227
+ color: gray;
228
+
229
+ }
230
+
231
+
232
+
233
+ $breakPoints:(
234
+
235
+
236
+
237
+ "pbmax":"screen and (max-width:1000px)",
238
+
239
+ "mbmax":"screen and (max-width:768px)"
240
+
241
+ );
242
+
243
+
244
+
245
+ @mixin mq($breakPoints:mbmax){
246
+
247
+ @media #{map-get($breakPoints,$breakPoint)} {
248
+
249
+
250
+
251
+ }
252
+
253
+ }
254
+
255
+ }
256
+
195
257
  ```
196
258
 
197
- ```css_sass
198
-
199
- コード
200
-
201
- .footB{
202
-
203
- //ブレイクポイント
204
-
205
- //$pb:1000px; //PC
206
-
207
- //$mb:768px; //モバイル
208
-
209
-
210
-
211
- //pc
212
-
213
- @mixin pbmax{
214
-
215
- }
216
-
217
- //スマホ
218
-
219
- @mixin mbmax{
220
-
221
- }
222
-
223
-
224
-
225
- bgc{
226
-
227
- color: gray;
228
-
229
- }
230
-
231
-
232
-
233
- $breakPoints:(
234
-
235
-
236
-
237
- "pbmax":"screen and (max-width:1000px)",
238
-
239
- "mbmax":"screen and (max-width:768px)"
240
-
241
- );
242
-
243
-
244
-
245
- @mixin mq($breakPoints:mbmax){
246
-
247
- @media #{map-get($breakPoints,$breakPoint)} {
248
-
249
-
250
-
251
- }
252
-
253
- }
254
-
255
- }
256
-
257
259
 
258
260
 
259
261
 

1

入力方法がわからずすみませんでした、自分で書いたコードですが、正直よくわからなくなってしまいました。すみません

2021/06/10 05:06

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -48,6 +48,10 @@
48
48
 
49
49
 
50
50
 
51
+ ```html
52
+
53
+ コード
54
+
51
55
  <html lang="ja">
52
56
 
53
57
  <head>
@@ -188,6 +192,68 @@
188
192
 
189
193
  </html>
190
194
 
195
+ ```
196
+
197
+ ```css_sass
198
+
199
+ コード
200
+
201
+ .footB{
202
+
203
+ //ブレイクポイント
204
+
205
+ //$pb:1000px; //PC
206
+
207
+ //$mb:768px; //モバイル
208
+
209
+
210
+
211
+ //pc
212
+
213
+ @mixin pbmax{
214
+
215
+ }
216
+
217
+ //スマホ
218
+
219
+ @mixin mbmax{
220
+
221
+ }
222
+
223
+
224
+
225
+ bgc{
226
+
227
+ color: gray;
228
+
229
+ }
230
+
231
+
232
+
233
+ $breakPoints:(
234
+
235
+
236
+
237
+ "pbmax":"screen and (max-width:1000px)",
238
+
239
+ "mbmax":"screen and (max-width:768px)"
240
+
241
+ );
242
+
243
+
244
+
245
+ @mixin mq($breakPoints:mbmax){
246
+
247
+ @media #{map-get($breakPoints,$breakPoint)} {
248
+
249
+
250
+
251
+ }
252
+
253
+ }
254
+
255
+ }
256
+
191
257
 
192
258
 
193
259