Search
 
SCRIPT & CODE EXAMPLE
 

CSS

scss for loop nth child

$show-numbers: true;

@if $show-numbers {
  @for $i from 1 through 5 {
    &:nth-child(#{$i}) {
      &:before {
        content: '#{$i}';
      }
    }
  }
}
Comment

PREVIOUS NEXT
Code Example
Css :: html text not wrapping 
Css :: text-overflow: ellipsis; 2 line 
Css :: css put span on new line 
Css :: i used overflow-y : scroll but the scroll bar keep on showing 
Css :: border radius 4 values 
Css :: have background color and background image css 
Css :: flex align top css 
Css :: add more than 2 css jquery 
Css :: safari overflow-y scroll not working 
Css :: how to use input border 
Css :: progress bar color change css 
Css :: css background linear gradient transparent 
Css :: css calc 
Css :: not checked css 
Css :: tabla responsive css 
Css :: create a animation name in css 
Css :: font condensed 
Css :: how to center text in css 
Css :: div overlfow scroll 
Css :: css background image with url 
Css :: how to make hr class bootstrap full width 
Css :: div color overlay css 
Css :: jest test try catch 
Css :: align-self in css 
Css :: how to create a circle with css 
Css :: add icon to input field 
Css :: css overwriting styles 
Css :: Bootstrap default accordion arrow icon change 
Css :: text outline in css 
Css :: not focus css 
ADD CONTENT
Topic
Content
Source link
Name
6+2 =