Generated by SassMeister.com.

SassMeister-input-HTML.html

<nav class="nav">
      <a class="nav-element">The Workshop</a>
      <a class="nav-element">The Workshop</a>
      <a class="nav-element">The Workshop</a>
      <a class="nav-element">The Workshop</a>
</nav>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

.nav {
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
  display: flex;
  justify-content: space-between;
  border-readius: 5px;
  
  &-element {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding: 10px;
    width: 100%;
    border-right:1px dotted black;
    text-align:center;
  }
  
  &-element:last-child {
    border-right:none;
  }
}

SassMeister-output.css

.nav {
  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  display: flex;
  justify-content: space-between;
  border-readius: 5px;
}

.nav-element {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  padding: 10px;
  width: 100%;
  border-right: 1px dotted black;
  text-align: center;
}

.nav-element:last-child {
  border-right: none;
}

SassMeister-rendered.html

<nav class="nav">
      <a class="nav-element">The Workshop</a>
      <a class="nav-element">The Workshop</a>
      <a class="nav-element">The Workshop</a>
      <a class="nav-element">The Workshop</a>
</nav>