SASS @each function providing cleaner CSS? -
मेरे पास निम्न SASS @each
है:
$ Obj-list: 1, 2, 3 .object @each $ obj $ obj-list & amp;: nth-child (# $ obj}) रंग: #fff
लेकिन आईआर निम्नलिखित बनाता है:
.bject: nth-child (1) {color: #fff} .object: nth-child (2) {color: #fff} .object: nth-child (3) {color: #fff}
मैं इसे कैसे क्लीनर सीएसएस बना सकता हूं?
.bject: nth-child (1), .bject: nth-child (2), .object: nth-child (3) {color: #fff}
इसे यहाँ देखें:
एक संभावित समाधान विस्तार करना होगा
a।
$ Obj-list: 1, 2, 3% ऑब्जेक्ट रंग: # f00 .object @each $ obj $ obj-list & amp; nth-child (# {$ obj}) @extend% object
।
Comments
Post a Comment