@lwc/style-compiler
Version:
Transform style sheet to be consumed by the LWC engine
4 lines • 964 B
JavaScript
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];