Как создать мои собственные атрибуты на $ stateProvider.state

.flex-container {
  display: flex;
  flex-flow: row wrap;
}

.flex-container>* {
  border: 1px solid;
  box-sizing: border-box;
}

.item-1 {
  flex-basis: 100%; /*Full width of the first line*/
}

.item-2,
.item-3 {
  flex: 1; /* Fill the space equally on the second line*/
}

<div class="flex-container">
  <div class="item-1">1</div>
  <div class="item-2">2</div>
  <div class="item-3">3</div>
</div>