mobile first fixes
&-item {
flex-shrink: 1;
padding: 0 .5rem 0 2rem;
- margin: 2rem 1.75rem 2rem 0;
- width: 29%;
+ margin: 1rem 0;
+ width: 100%;
text-align: start;
list-style-type: none;
- background: url('data:image/svg+xml,@{features-marker}') no-repeat 0 3px;
-
- @media @xs {
- width: 100%;
- margin: 1rem 0;
background: url('data:image/svg+xml, @{features-marker-xs}') no-repeat 0 3px;
- }
-
- @media @xs-md {
- padding-right: 0;
- }
@media @sm-md {
margin: 2rem .5rem 2rem 0;
padding-left: 1.5rem;
+ padding-right: 0;
width: 50%;
}
+
+ @media @sm-xl {
+ background: url('data:image/svg+xml,@{features-marker}') no-repeat 0 3px;
+ }
+
+ @media @lg-xl {
+ width: 29%;
+ margin: 2rem 1.75rem 2rem 0;
+ }
}
}
