/// /// Stellar by HTML5 UP /// html5up.net | @ajlkn /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) /// /* Features */ .features { @include vendor('display', 'flex'); @include vendor('flex-wrap', 'wrap'); @include vendor('justify-content', 'center'); width: calc(100% + #{_size(element-margin)}); margin: 0 0 (_size(element-margin) * 1.5) (_size(element-margin) * -1); padding: 0; list-style: none; li { width: calc(#{(100% / 3)} - #{_size(element-margin)}); margin-left: _size(element-margin); margin-top: (_size(element-margin) * 1.5); padding: 0; &:nth-child(1), &:nth-child(2), &:nth-child(3) { margin-top: 0; } > :last-child { margin-bottom: 0; } } @include breakpoint(medium) { li { width: calc(#{(100% / 2)} - #{_size(element-margin)}); &:nth-child(3) { margin-top: (_size(element-margin) * 1.5); } } } @include breakpoint(small) { width: 100%; margin: 0 0 _size(element-margin) 0; li { width: 100%; margin-left: 0; margin-top: _size(element-margin); &:nth-child(2), &:nth-child(3) { margin-top: _size(element-margin); } } } }