Hash :
c8844286
Author :
Date :
2019-07-21T22:59:46
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157
// styled-jsx
css`a:hover { color: blue; }`;
css.global`a:hover { color: blue; }`;
css.resolve`a:hover { color: blue; }`;
// styled-components
const Button = styled.button`
color: blue;
background: red;
`;
styled.button.attr({})`color: blue;`;
styled(Component)`color: blue;`;
styled(Component).attr({})`color: blue;`;
----------------------------------------------------
[
["comment", "// styled-jsx"],
"\r\ncss",
["template-string", [
["template-punctuation", "`"],
["css", [
["selector", "a:hover"],
["punctuation", "{"],
["property", "color"],
["punctuation", ":"],
" blue",
["punctuation", ";"],
["punctuation", "}"]
]],
["template-punctuation", "`"]
]],
["punctuation", ";"],
"\r\ncss",
["punctuation", "."],
"global",
["template-string", [
["template-punctuation", "`"],
["css", [
["selector", "a:hover"],
["punctuation", "{"],
["property", "color"],
["punctuation", ":"],
" blue",
["punctuation", ";"],
["punctuation", "}"]
]],
["template-punctuation", "`"]
]],
["punctuation", ";"],
"\r\ncss",
["punctuation", "."],
"resolve",
["template-string", [
["template-punctuation", "`"],
["css", [
["selector", "a:hover"],
["punctuation", "{"],
["property", "color"],
["punctuation", ":"],
" blue",
["punctuation", ";"],
["punctuation", "}"]
]],
["template-punctuation", "`"]
]],
["punctuation", ";"],
["comment", "// styled-components"],
["keyword", "const"],
" Button ",
["operator", "="],
" styled",
["punctuation", "."],
"button",
["template-string", [
["template-punctuation", "`"],
["css", [
["property", "color"],
["punctuation", ":"],
" blue",
["punctuation", ";"],
["property", "background"],
["punctuation", ":"],
" red",
["punctuation", ";"]
]],
["template-punctuation", "`"]
]],
["punctuation", ";"],
"\r\nstyled",
["punctuation", "."],
"button",
["punctuation", "."],
["function", "attr"],
["punctuation", "("],
["punctuation", "{"],
["punctuation", "}"],
["punctuation", ")"],
["template-string", [
["template-punctuation", "`"],
["css", [
["property", "color"],
["punctuation", ":"],
" blue",
["punctuation", ";"]
]],
["template-punctuation", "`"]
]],
["punctuation", ";"],
["function", "styled"],
["punctuation", "("],
"Component",
["punctuation", ")"],
["template-string", [
["template-punctuation", "`"],
["css", [
["property", "color"],
["punctuation", ":"],
" blue",
["punctuation", ";"]
]],
["template-punctuation", "`"]
]],
["punctuation", ";"],
["function", "styled"],
["punctuation", "("],
"Component",
["punctuation", ")"],
["punctuation", "."],
["function", "attr"],
["punctuation", "("],
["punctuation", "{"],
["punctuation", "}"],
["punctuation", ")"],
["template-string", [
["template-punctuation", "`"],
["css", [
["property", "color"],
["punctuation", ":"],
" blue",
["punctuation", ";"]
]],
["template-punctuation", "`"]
]],
["punctuation", ";"]
]
----------------------------------------------------
Checks for tagged template literals containing CSS code.