|
73 | 73 |
|
74 | 74 | // mutations |
75 | 75 | (async () => { |
76 | | - let res = JSON.parse(`{ |
77 | | - "values": { |
78 | | - "spacing": { "0": "0px", "px": "1px", "0.5": "0.125rem" } |
79 | | - }, |
80 | | - "screens": { |
81 | | - "sm": { "min" : null, "max" : "640px" }, |
82 | | - "md": { "min" : null, "max" : "768px" }, |
83 | | - "lg": { "min" : null, "max" : "1024px" }, |
84 | | - "xl": { "min" : null, "max" : "1280px" }, |
85 | | - "2xl": { "min" : null, "max" : "1536px" } |
86 | | - }, |
87 | | - "selectors": { |
88 | | - "active": { "selector": ":active" }, |
89 | | - "act": { "selector": ":active" }, |
90 | | - "checked": { "selector": ":checked" }, |
91 | | - "ckd": { "selector": ":checked" }, |
92 | | - "hover": { "selector": ":hover" }, |
93 | | - "hvr": { "selector": ":hover" } |
94 | | - }, |
95 | | - "proprieties": { |
96 | | - "valueOnly": { |
97 | | - "absolute": { "css": "position:absolute;" }, |
98 | | - "relative": { "css": "position:relative;" }, |
99 | | - "static": { "css": "position:static;" }, |
100 | | - "fixed": { "css": "position:fixed;" }, |
101 | | - "sticky": { "css": "position:sticky;" } |
102 | | - }, |
103 | | - "valueKey": { |
104 | | - "padding": { "propriety": "padding", "values": "spacing" }, |
105 | | - "p": { "propriety": "padding", "values": "spacing" } |
106 | | - } |
107 | | - } |
108 | | - }`) |
| 76 | + var styleHttpReq = new XMLHttpRequest(); |
| 77 | + styleHttpReq.open("GET", document.querySelector('[lightwindsrc]').getAttribute('lightwindsrc'), false); |
| 78 | + styleHttpReq.send(null); |
| 79 | + let res = JSON.parse(styleHttpReq.responseText) |
109 | 80 |
|
110 | 81 | new MutationObserver(function(mutations) { |
111 | 82 | mutations.forEach(mutation => { |
|
141 | 112 | </script> |
142 | 113 | </head> |
143 | 114 | <body> |
144 | | - <div class="color>red font-size>40pt hvr:font-size>60pt"> |
| 115 | + <div class="color>red font-size>40pt hvr:font-size>60pt absolute"> |
145 | 116 | jj |
146 | 117 | </div> |
147 | 118 | </body> |
|
0 commit comments