SCSS - List

index.html


<h1>Im header 1</h1>
<h2>Im header 2</h2>
<h3>Im header 3</h3>
<h4>Im header 4</h4>
<h5>Im header 5</h5>
<h6>Im header 6</h6>

style.scss
$header-list: h1 h2 h3 h4 h5 h6 '.something_else';
//$i: 0;@each $current-header in $header-list{
  $i: index($header-list,$current-header) + 3; // you can do this instead of adding $is' code lines
  #{$current-header}{
    font-size: 55px - $i * 3;
  }
  //$i: $i + 2;}

Bu blogdaki popüler yayınlar

About Android padding, margin, width, height, wrap_content, match_parent, R Class