Emarsys living Styleguide

• UI facelift
• Frameworkless framework
• SASS, BEM, Gulp, Autoprefixer, Browsersync
• Living styleguide (Node KSS)

SCSS convention

.e {

  &-block {

    &__element_name {
     @include amazing-mixin(#bada55);
     @extend .clearfix;
     background: rebeccapurple;
     color: #fff;
     display: none;

      @media all and (min-width: 1400px) {
        display: block;
      }

      &-active {

      }
    }
  }
}

BEM naming convention

<div class="e-block">
    <div class="e-block__element_name">Element</div>
    <div class="e-block__element_name e-block__element_name-active">Active element</div>
</div>