Ankhena

$lg: 720px;

@mixin _lg {
  @media (min-width: $lg) {
    @content;
  }
}

.tt {
color: red;
@include _lg {
      color: green;
    }
}

как исправить?

top: 50%;
transform: translateY(-50%);

.case-parameters(@cn) {
  .block-case li:nth-of-type(@{cn}):before {
  font-weight: bold;
  z-index: 1;
  position: absolute;
  margin-top: 35px;
  background: #fff;
  color: #FC0D55;
  font-size: 20px;
    content: "текст";
  width: 80px;
  height: 27px;
  display: block;
  line-height: 25px;
  text-indent: 10px;
}
}

.wrapper {
  display: flex;
  justify-content: space-between;
}
section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 28%;
  border: 1px solid #999;
  border-radius: 7px;
  padding: 10px;
}
button {
  margin: 10px 10px 0;
}

<div class="wrapper">
<section>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum voluptas quae nulla quis ab, quasi odit autem ex amet. Laborum animi, nobis voluptates sint ipsam.</div>
  <button>кнопка</button>
</section>
<section>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis rerum sed dolore, vitae molestias a, dolores, quisquam voluptatem consequatur illum iusto eveniet laudantium natus cupiditate saepe exercitationem quae itaque dolorum aperiam laboriosam. Debitis cum eveniet veritatis, rem, dolorum commodi! Quia.</div>
  <button>кнопка</button>
</section>
<section>
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio eligendi inventore, doloribus hic!</div>
  <button>кнопка</button>
</section>
</div>

.breadcrumb {
  &.main,
  &.path {
     & a:hover {
      color: red;
    }
  }
}

.right-sidepanel {
    &-article,
    &-moreover {
      a {
        &:extend(.breadcrumb.main a:hover);
      }
    }
  }

.left-sidepanel {
    .panel {
      &-heading,
      &-body a {
        &:extend(.breadcrumb.main a:hover);
      }
    }
  }

1. Добавляете папку с Less-файлами, отмечаете галочками те из них, которые следует преобразовать в CSS, указываете, минимизировать их или нет, после чего нажимаете кнопку Compile. При первой компиляции создаётся новая папка CSS и в неё сохраняются готовые файлы. В дальнейшем происходит только обновление их содержимого. Выходную папку при желании можно поменять, щёлкнув правой кнопкой мыши по файлу и выбрав в списке пункт «Select output file» (рис. 2).