|
267 | 267 | --sağara-d: var(--d);
|
268 | 268 | }
|
269 | 269 |
|
270 |
| - $i: 1; $j: 0; |
271 |
| - @while $i <= $p { |
272 |
| - [data-#{$görüntülük}~="/#{$i}-|"],[data-#{$görüntülük}~="/#{$i+1}-|"], |
273 |
| - [data-#{$görüntülük}~="/#{$i+2}-|"],[data-#{$görüntülük}~="/#{$i+3}-|"] |
274 |
| - {--solara-b: #{$j+1}; --solara-d: 0} |
275 |
| - |
276 |
| - $i: $i + 4; $j: $j + 1; |
277 |
| - } |
278 |
| - |
279 |
| - %#{$görüntülük}-solara-d-3 {--solara-d: 3} |
280 |
| - %#{$görüntülük}-solara-d-2 {--solara-d: 2} |
281 |
| - %#{$görüntülük}-solara-d-1 {--solara-d: 1} |
282 |
| - |
283 |
| - $i: 1; |
284 |
| - @while $i <= $p { |
285 |
| - [data-#{$görüntülük}~="/#{$i}-|"], { |
286 |
| - @extend %#{$görüntülük}-solara-d-3; |
287 |
| - } |
288 |
| - [data-#{$görüntülük}~="/#{$i+1}-|"], { |
289 |
| - @extend %#{$görüntülük}-solara-d-2; |
290 |
| - } |
291 |
| - [data-#{$görüntülük}~="/#{$i+2}-|"], { |
292 |
| - @extend %#{$görüntülük}-solara-d-1; |
293 |
| - } |
294 |
| - $i: $i + 4; |
295 |
| - } |
296 |
| - |
297 |
| - $i: 1; $j: 0; |
298 |
| - @while $i <= $p { |
299 |
| - [data-#{$görüntülük}~="|-/#{$i}"],[data-#{$görüntülük}~="|-/#{$i+1}"], |
300 |
| - [data-#{$görüntülük}~="|-/#{$i+2}"],[data-#{$görüntülük}~="|-/#{$i+3}"] |
301 |
| - {--sağara-b: #{$j+1}; --sağara-d: 0} |
302 |
| - |
303 |
| - $i: $i + 4; $j: $j + 1; |
304 |
| - } |
305 |
| - |
306 |
| - %#{$görüntülük}-sağara-d-3 {--sağara-d: 3} |
307 |
| - %#{$görüntülük}-sağara-d-2 {--sağara-d: 2} |
308 |
| - %#{$görüntülük}-sağara-d-1 {--sağara-d: 1} |
| 270 | +// $i: 1; $j: 0; |
| 271 | +// @while $i <= $p { |
| 272 | +// [data-#{$görüntülük}~="/#{$i}-|"],[data-#{$görüntülük}~="/#{$i+1}-|"], |
| 273 | +// [data-#{$görüntülük}~="/#{$i+2}-|"],[data-#{$görüntülük}~="/#{$i+3}-|"] |
| 274 | +// {--solara-b: #{$j+1}; --solara-d: 0} |
| 275 | +// |
| 276 | +// $i: $i + 4; $j: $j + 1; |
| 277 | +// } |
| 278 | +// |
| 279 | +// %#{$görüntülük}-solara-d-3 {--solara-d: 3} |
| 280 | +// %#{$görüntülük}-solara-d-2 {--solara-d: 2} |
| 281 | +// %#{$görüntülük}-solara-d-1 {--solara-d: 1} |
| 282 | +// |
| 283 | +// $i: 1; |
| 284 | +// @while $i <= $p { |
| 285 | +// [data-#{$görüntülük}~="/#{$i}-|"], { |
| 286 | +// @extend %#{$görüntülük}-solara-d-3; |
| 287 | +// } |
| 288 | +// [data-#{$görüntülük}~="/#{$i+1}-|"], { |
| 289 | +// @extend %#{$görüntülük}-solara-d-2; |
| 290 | +// } |
| 291 | +// [data-#{$görüntülük}~="/#{$i+2}-|"], { |
| 292 | +// @extend %#{$görüntülük}-solara-d-1; |
| 293 | +// } |
| 294 | +// $i: $i + 4; |
| 295 | +// } |
| 296 | +// |
| 297 | +// $i: 1; $j: 0; |
| 298 | +// @while $i <= $p { |
| 299 | +// [data-#{$görüntülük}~="|-/#{$i}"],[data-#{$görüntülük}~="|-/#{$i+1}"], |
| 300 | +// [data-#{$görüntülük}~="|-/#{$i+2}"],[data-#{$görüntülük}~="|-/#{$i+3}"] |
| 301 | +// {--sağara-b: #{$j+1}; --sağara-d: 0} |
| 302 | +// |
| 303 | +// $i: $i + 4; $j: $j + 1; |
| 304 | +// } |
309 | 305 |
|
310 |
| - $i: 1; |
311 |
| - @while $i <= $p { |
312 |
| - [data-#{$görüntülük}~="|-/#{$i}"], { |
313 |
| - @extend %#{$görüntülük}-sağara-d-3; |
314 |
| - } |
315 |
| - [data-#{$görüntülük}~="|-/#{$i+1}"], { |
316 |
| - @extend %#{$görüntülük}-sağara-d-2; |
317 |
| - } |
318 |
| - [data-#{$görüntülük}~="|-/#{$i+2}"], { |
319 |
| - @extend %#{$görüntülük}-sağara-d-1; |
320 |
| - } |
321 |
| - $i: $i + 4; |
322 |
| - } |
| 306 | +// %#{$görüntülük}-sağara-d-3 {--sağara-d: 3} |
| 307 | +// %#{$görüntülük}-sağara-d-2 {--sağara-d: 2} |
| 308 | +// %#{$görüntülük}-sağara-d-1 {--sağara-d: 1} |
| 309 | + |
| 310 | +// $i: 1; |
| 311 | +// @while $i <= $p { |
| 312 | +// [data-#{$görüntülük}~="|-/#{$i}"], { |
| 313 | +// @extend %#{$görüntülük}-sağara-d-3; |
| 314 | +// } |
| 315 | +// [data-#{$görüntülük}~="|-/#{$i+1}"], { |
| 316 | +// @extend %#{$görüntülük}-sağara-d-2; |
| 317 | +// } |
| 318 | +// [data-#{$görüntülük}~="|-/#{$i+2}"], { |
| 319 | +// @extend %#{$görüntülük}-sağara-d-1; |
| 320 | +// } |
| 321 | +// $i: $i + 4; |
| 322 | +// } |
323 | 323 |
|
324 | 324 | // Bölümleme Düzeni Aralık Sayışı
|
325 | 325 |
|
|
333 | 333 | [data-#{$görüntülük}*="#{$aralık}-1"]{margin: 10px}
|
334 | 334 | [data-#{$görüntülük}*="#{$aralık}-2"]{margin: 15px}
|
335 | 335 | [data-#{$görüntülük}*="#{$aralık}-3"]{margin: 20px}
|
336 |
| - [data-#{$görüntülük}*="#{$aralık}-l1"]{margin-left: 10px} |
337 |
| - [data-#{$görüntülük}*="#{$aralık}-l2"]{margin-left: 15px} |
338 |
| - [data-#{$görüntülük}*="#{$aralık}-l3"]{margin-left: 20px} |
339 |
| - [data-#{$görüntülük}*="#{$aralık}-s1"]{margin-right: 10px} |
340 |
| - [data-#{$görüntülük}*="#{$aralık}-s2"]{margin-right: 15px} |
341 |
| - [data-#{$görüntülük}*="#{$aralık}-s3"]{margin-right: 20px} |
342 |
| - [data-#{$görüntülük}*="#{$aralık}-t1"]{margin-top: 10px} |
343 |
| - [data-#{$görüntülük}*="#{$aralık}-t2"]{margin-top: 15px} |
344 |
| - [data-#{$görüntülük}*="#{$aralık}-t3"]{margin-top: 20px} |
345 |
| - [data-#{$görüntülük}*="#{$aralık}-a1"]{margin-bottom: 10px} |
346 |
| - [data-#{$görüntülük}*="#{$aralık}-a2"]{margin-bottom: 15px} |
347 |
| - [data-#{$görüntülük}*="#{$aralık}-a3"]{margin-bottom: 20px} |
348 |
| - [data-#{$görüntülük}*="#{$aralık}-ls1"]{margin-left: 10px;margin-right: 10px} |
349 |
| - [data-#{$görüntülük}*="#{$aralık}-ls2"]{margin-left: 15px;margin-right: 15px} |
350 |
| - [data-#{$görüntülük}*="#{$aralık}-ls3"]{margin-left: 20px;margin-right: 20px} |
351 |
| - [data-#{$görüntülük}*="#{$aralık}-ta1"]{margin-top: 10px;margin-bottom: 10px} |
352 |
| - [data-#{$görüntülük}*="#{$aralık}-ta2"]{margin-top: 15px;margin-bottom: 15px} |
353 |
| - [data-#{$görüntülük}*="#{$aralık}-ta3"]{margin-top: 20px;margin-bottom: 20px} |
354 |
| - |
355 | 336 |
|
356 | 337 | [data-#{$görüntülük}~="#{$araları-aralık}-1"][data-#{$görüntülük}]{
|
357 | 338 | width: calc(100% / (var(--b) * 4 - var(--d)) * (var(--a) * 4 - var(--c)) + 10px);
|
|
377 | 358 | [data-#{$görüntülük}~="#{$araları-aralık}-3"] > *{padding-left:20px;padding-top:20px;}
|
378 | 359 | [data-#{$görüntülük}~="#{$dengeli-aralık}-1"] > *{padding:10px;}
|
379 | 360 | [data-#{$görüntülük}~="#{$dengeli-aralık}-2"] > *{padding:15px;}
|
380 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-3"] > *{padding:20px;} |
381 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-l1"] > *{padding-left: 10px;} |
382 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-l2"] > *{padding-left: 15px;} |
383 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-l3"] > *{padding-left: 20px;} |
384 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-s1"] > *{padding-right: 10px;} |
385 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-s2"] > *{padding-right: 15px;} |
386 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-s3"] > *{padding-right: 20px;} |
387 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-t1"] > *{padding-top: 10px;} |
388 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-t2"] > *{padding-top: 15px;} |
389 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-t3"] > *{padding-top: 20px;} |
390 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-a1"] > *{padding-bottom: 10px;} |
391 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-a2"] > *{padding-bottom: 15px;} |
392 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-a3"] > *{padding-bottom: 20px;} |
393 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-ls1"] > *{padding-left: 10px;padding-right: 10px;} |
394 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-ls2"] > *{padding-left: 15px;padding-right: 15px;} |
395 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-ls3"] > *{padding-left: 20px;padding-right: 20px;} |
396 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-ta1"] > *{padding-top: 10px;padding-bottom: 10px;} |
397 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-ta2"] > *{padding-top: 15px;padding-bottom: 15px;} |
398 |
| - [data-#{$görüntülük}~="#{$dengeli-aralık}-ta3"] > *{padding-top: 20px;padding-bottom: 20px;} |
| 361 | + [data-#{$görüntülük}~="#{$dengeli-aralık}-3"] > *{padding:20px;} |
399 | 362 |
|
400 | 363 | // [data-#{$gnl}~="#{$aralık}"] > [data-#{$gnl}]{
|
401 | 364 | // margin: var(--aralık);
|
|
625 | 588 | [data-#{$görüntülük}~="#{$metin-ortada}"]{text-align: center}
|
626 | 589 |
|
627 | 590 | [data-#{$görüntülük}~="#{$metin-solda}"]{text-align: left}
|
628 |
| - |
629 |
| - |
630 |
| - /**/[data-#{$görüntülük}~="#{$sütun}"][data-#{$görüntülük}~="#{$üstte}"], |
631 |
| - /**/[data-#{$görüntülük}~="#{$solda}"]:not([data-#{$görüntülük}~="#{$sütun}"]){justify-content: flex-start} |
632 |
| - |
633 |
| - /**/[data-#{$görüntülük}~="#{$sütun}"][data-#{$görüntülük}~="#{$göbekte}"], |
634 |
| - /**/[data-#{$görüntülük}~="#{$ortada}"]:not([data-#{$görüntülük}~="#{$sütun}"]){justify-content: center} |
635 |
| - |
636 |
| - /**/[data-#{$görüntülük}~="#{$sütun}"][data-#{$görüntülük}~="#{$altta}"], |
637 |
| - /**/[data-#{$görüntülük}~="#{$sağda}"]:not([data-#{$görüntülük}~="#{$sütun}"]){justify-content: flex-end} |
638 |
| - |
639 |
| - /**/[data-#{$görüntülük}~="#{$sütun}"][data-#{$görüntülük}~="#{$solda}"], |
640 |
| - /**/[data-#{$görüntülük}~="#{$üstte}"]:not([data-#{$görüntülük}~="#{$sütun}"]){align-content: flex-start} |
641 |
| - |
642 |
| - /**/[data-#{$görüntülük}~="#{$sütun}"][data-#{$görüntülük}~="#{$ortada}"], |
643 |
| - /**/[data-#{$görüntülük}~="#{$göbekte}"]:not([data-#{$görüntülük}~="#{$sütun}"]){align-content: center} |
644 |
| - |
645 |
| - /**/[data-#{$görüntülük}~="#{$sütun}"][data-#{$görüntülük}~="#{$sağda}"], |
646 |
| - /**/[data-#{$görüntülük}~="#{$altta}"]:not([data-#{$görüntülük}~="#{$sütun}"]){align-content: flex-end} |
647 |
| - |
648 |
| - |
649 |
| - [data-#{$görüntülük}~="#{$merkezde}"]{align-items: center;justify-content: center} |
650 |
| - |
651 |
| - |
652 |
| - [data-#{$görüntülük}~="#{$üstte-ol}"]{align-self: flex-start} |
653 |
| - |
654 |
| - [data-#{$görüntülük}~="#{$göbekte-ol}"]{align-self: center} |
655 |
| - |
656 |
| - [data-#{$görüntülük}~="#{$altta-ol}"]{margin-top: auto} |
657 |
| - |
658 |
| - [data-#{$görüntülük}~="#{$sağda-ol}"]{margin-left: auto;align-self: flex-end} |
659 |
| - |
660 |
| - [data-#{$görüntülük}~="#{$ortada-ol}"]{margin-left: auto;margin-right: auto;align-self: center} |
661 |
| - |
662 |
| - [data-#{$görüntülük}~="#{$solda-ol}"]{margin-right: auto;align-self: flex-start} |
663 |
| - |
664 | 591 | }
|
665 | 592 |
|
666 | 593 | /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
0 commit comments