-\r
- @include breakpoint('<=xsmall') {\r
- &:not(.fixed) {\r
- @include vendor('flex-direction', 'column');\r
- margin-left: 0;\r
- width: 100% !important;\r
-\r
- li {\r
- @include vendor('flex-grow', '1');\r
- @include vendor('flex-shrink', '1');\r
- padding: (_size(element-margin) * 0.5) 0 0 0;\r
- text-align: center;\r
- width: 100%;\r
-\r
- > * {\r
- width: 100%;\r
- }\r
-\r
- &:first-child {\r
- padding-top: 0;\r
- }\r
-\r
- input[type="submit"],\r
- input[type="reset"],\r
- input[type="button"],\r
- button,\r
- .button {\r
- width: 100%;\r
-\r
- &.icon {\r
- &:before {\r
- margin-left: -0.5rem;\r
- }\r
- }\r
- }\r
- }\r
- }\r
- }\r