diff --git a/test/css/edge/namespacing-3.css b/test/css/edge/namespacing-3.css index 3b6d47661..6110d1377 100644 --- a/test/css/edge/namespacing-3.css +++ b/test/css/edge/namespacing-3.css @@ -1,6 +1,8 @@ -.toolbar { - width: 400px; - height: 200px; - background: red; - color: white; +@media (min-width: 320px) { + .toolbar { + width: 400px; + height: 200px; + background: red; + color: white; + } } diff --git a/test/less/edge/namespacing-3.less b/test/less/edge/namespacing-3.less index c85a12cf6..4fa963fc3 100644 --- a/test/less/edge/namespacing-3.less +++ b/test/less/edge/namespacing-3.less @@ -12,9 +12,17 @@ } } -.toolbar { - width: @map[@width]; - height: #ns.mixin[@height]; - background: @map[@colors][toolbar-background]; - color: @map[@colors][toolbar-foreground]; +@breakpoints: { + mobile: 320px; + tablet: 768px; + desktop: 1024px; +}; + +@media (min-width: @breakpoints[mobile]) { + .toolbar { + width: @map[@width]; + height: #ns.mixin[@height]; + background: @map[@colors][toolbar-background]; + color: @map[@colors][toolbar-foreground]; + } } \ No newline at end of file