UNPKG

@lwc/style-compiler

Version:

Transform style sheet to be consumed by the LWC engine

4 lines 964 B
function stylesheet(hostSelector, shadowSelector, nativeShadow) { return "\n" + (nativeShadow ? (":host(.selected) button" + shadowSelector + " {color: #0070d2;}") : (hostSelector + ".selected button" + shadowSelector + " {color: #0070d2;}")) + "\n\n" + (nativeShadow ? (":host:not(.selected) button" + shadowSelector + " {color: #6d6d70;transition: all .2s ease-in-out;}") : (hostSelector + ":not(.selected) button" + shadowSelector + " {color: #6d6d70;transition: all .2s ease-in-out;}")) + "\n\n" + (nativeShadow ? (":host:not(.selected):hover button" + shadowSelector + ",:host button:focus" + shadowSelector + " {color: #005fb2;transform: scale(1.2);}") : (hostSelector + ":not(.selected):hover button" + shadowSelector + "," + hostSelector + " button:focus" + shadowSelector + " {color: #005fb2;transform: scale(1.2);}")) + "\nbutton:focus" + shadowSelector + " {outline: none;box-shadow: none;background-color: #f3f2f2;}\n"; } export default [stylesheet];