Add styles to handle multiple number of items

This commit is contained in:
Luis Cielak
2018-07-19 16:37:34 -04:00
parent ed13cac995
commit 157561076c
3 changed files with 46 additions and 10 deletions

View File

@@ -1,7 +1,5 @@
.progress-menu {
display: table;
margin: 0 auto;
padding: ($gap * 2) 0;
display: block;
ul {
list-style: none;
@@ -9,11 +7,29 @@
padding: 0;
}
&--three {
.progress-menu__item {
width: 32%;
}
}
&--four {
.progress-menu__item {
width: 24%;
}
}
&--five {
.progress-menu__item {
width: 19%;
}
}
&__item {
float: left;
display: inline-block;
font-weight: $font-bold;
width: 19%;
position: relative;
vertical-align: top;
a {
display: block;