css referencing_parent

Posted 2021-05-13

// ----
// libsass (v3.2.4)
// ----

@import "bourbon/bourbon";

// &, &
.selector {
  color:black;
  &+&{
    margin:0;
  }
}

.extender {
  color:blue;
  &>.sub{
    @extend .selector;
  }

}

%placeholder{
  font:{
    size:2em;
    family: serif;
  };
}
// &,
.placeholder-extender{
  color:green;
  &, .sub{
    @extend %placeholder;
    @include size(220px 100%);
  }
}

.selector, .extender > .sub {
  color: black;
}

.selector + .selector, .extender > .sub + .selector, .extender > .selector + .sub, .extender > .sub + .sub {
  margin: 0;
}

.extender {
  color: blue;
}

.placeholder-extender, .placeholder-extender .sub {
  font-size: 2em;
  font-family: serif;
}

.placeholder-extender {
  color: green;
}

.placeholder-extender, .placeholder-extender .sub {
  height: 100%;
  width: 220px;
}