.fl { float: left; _display: inline; } .fr { float: right; _display: inline; } .fn { float: none; } @media (--breakpoint-not-small) { .fl-ns { float: left; _display: inline; } .fr-ns { float: right; _display: inline; } .fn-ns { float: none; } } @media (--breakpoint-medium) { .fl-m { float: left; _display: inline; } .fr-m { float: right; _display: inline; } .fn-m { float: none; } } @media (--breakpoint-large) { .fl-l { float: left; _display: inline; } .fr-l { float: right; _display: inline; } .fn-l { float: none; } }