1px solid red; } .border-2 { border: 2px solid red; } .border-3 { border: 3px solid red; } .border $i:$i - 1; } //编译后 border-6 { border: 6px solid red; } border-5 { border: 5px solid red; } border border: 1px solid red; } border-2 { border: 2px solid red; } border-3 { border: 3px solid red; } border
10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; } .border -- 特殊边框 -->
<!/sass/style.scss */ .border-4 { border: 4px solid blue; } 使用@while循环 SCSS: $i: 1; @while $i < 5 { /sass/style.scss */ .border-4 { border: 4px solid blue; } 使用@each循环 SCSS: @each $item in add, update
isLoading" class="text-center py-8"> <div class="inline-block animate-spin rounded-full h-8 w-8 <em>border</em>