fz-css-parser

{ "__common_": { "div": { "background-color": "red", "background": "blue" }, "*": { "margin": "0" }, "[hidden]": { "display": "none" }, "template": { "display": "none" }, "audio": { "__selectors": { ":not([controls])": { "display": "none", "height": "0" } } }, "::selection": { "background-color": "#b3d4fc", "color": "#000", "text-shadow": "none" }, "a": { "__selectors": { ":hover": { "outline-width": "0" } }, "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "[type=reset]": { "-webkit-appearance": "button" }, "[type=submit]": { "-webkit-appearance": "button" }, "button": { "-webkit-appearance": "button", "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "html": { "__selectors": { " [type=button]": { "-webkit-appearance": "button" } } }, "[type=checkbox]": { "padding": "0" }, "[type=radio]": { "padding": "0" }, "::-webkit-inner-spin-button": { "height": "auto" }, "::-webkit-outer-spin-button": { "height": "auto" }, "[tabindex]": { "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "area": { "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "input": { "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "label": { "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "select": { "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "textarea": { "-ms-touch-action": "manipulation", "touch-action": "manipulation" }, "[hidden][aria-hidden=false]": { "__selectors": { ":focus": { "clip": "auto" } } } }, "__keyFramesKeys_": { ".bounceBox": ["bounce"], ".pulseBox": ["pulse"] }, "__keyFrames_": { "bounce": { "__raw": "@-webkit-keyframes bounce", "0%": { "-webkit-transform": "scale(0)", "transform": "scale(0)", "opacity": "0" }, "50%": { "opacity": "1" }, "to": { "-webkit-transform": "scale(1)", "transform": "scale(1)", "opacity": "0" } }, "pulse": { "__raw": "@keyframes pulse", "0%": { "-webkit-transform": "scale(0)", "transform": "scale(0)", "opacity": "0" }, "50%": { "opacity": "1" }, "to": { "-webkit-transform": "scale(1)", "transform": "scale(1)", "opacity": "0" } } }, "__mediaKeys_": { ".divChild": ["@media only screen and (max-width:64em)"], ".div": [ "@media only screen and (max-width:64em)", "@media only screen and (max-width:48em)" ], "h2": ["@media only screen and (max-width:48em)"] }, ".div": { "background-color": "red", "color": "brown", "__selectors": { ":active": { "border": "2px solid black" }, "+.div": { "background-image": "url('/app/image.png')" } } }, ".divChild": { "background-color": "red", "color": "white" }, ".parent": { "__selectors": { " .child:after": { "background": "red" } } }, ".breadcrumbs": { "__selectors": { " li": { "display": "inline", "color": "#888a88", "text-transform": "uppercase" }, " li:not(:lastChild):after": { "margin-right": ".4rem", "margin-left": ".3rem", "content": "' ⁄ '" } } }, ".bounceBox": { "-webkit-animation-name": "bounce" }, ".pulseBox": { "-webkit-animation-name": "pulse" }, ".radio": { "__selectors": { " [type=radio]:checked+.radio__label .radioFaux:after": { "position": "absolute", "top": "50%", "left": "50%" }, " [type=radio]:checked~.radioFaux:after": { "position": "absolute", "top": "50%", "left": "50%" }, " [type=radio]:disabled+.radioFaux": { "background-color": "#f6f6f6" }, " [type=radio]:disabled+.radio__label .radioFaux": { "background-color": "#f6f6f6" }, " [type=radio]:disabled~.radioFaux": { "background-color": "#f6f6f6" } } }, "__media_quries": { "@media only screen and (max-width:64em)": { ".div": { "overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap", "min-width": "90px" }, ".divChild": { "background-color": "gray", "color": "black" } }, "@media only screen and (max-width:48em)": { ".div": { "__selectors": { " h1": { "display": "none" } } }, "h2": { "display": "none" } } } }