Breaking News: Grepper is joining You.com. Read the official announcement!

how to make before css for firsh child

Indonesia People answered on August 13, 2022 Popularity 1/10 Helpfulness 1/10

answer how to make before css for firsh child

how to make before css for firsh child

Comment

/* 
sample using scss
*/

@mixin line(){
  content: " ";
  height: 0.3em;
  //width: 100%;
  background: var(--bs-dark);
  position: absolute;
  top: 1em;
}

.wizard{
  display: flex;
  justify-content: space-between;
  &__step{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 3);
    position: relative;

    &:first-child::before {
      @include line;
      width: 50%;
      right: 0;
    }

    &:not(:first-child)::before{
      @include line;
      width: 100%;
    }

    &:last-child::before{
      @include line;
      width: 50%;
      left: 0;
    }

    button{
      position: relative;
    }
  }
}

Popularity 1/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css