Update Redesign to v0.5.0-beta
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -1,34 +0,0 @@
|
||||
(() => {
|
||||
// packages/$screen/src/index.js
|
||||
function src_default(Alpine) {
|
||||
let data = Alpine.reactive({screensize: window.innerWidth});
|
||||
const defaultBreakpoints = {
|
||||
xs: 0,
|
||||
sm: 640,
|
||||
md: 768,
|
||||
lg: 1024,
|
||||
xl: 1280,
|
||||
"2xl": 1536
|
||||
};
|
||||
const breakpoints = window.AlpineMagicHelpersConfig && window.AlpineMagicHelpersConfig.breakpoints ? window.AlpineMagicHelpersConfig.breakpoints : defaultBreakpoints;
|
||||
let update;
|
||||
window.addEventListener("resize", () => {
|
||||
clearTimeout(update);
|
||||
update = setTimeout(() => data.screensize = window.innerWidth, 150);
|
||||
});
|
||||
Alpine.magic("screen", (el) => (breakpoint) => {
|
||||
let width = data.screensize;
|
||||
if (Number.isInteger(breakpoint))
|
||||
return breakpoint <= width;
|
||||
if (breakpoints[breakpoint] === void 0) {
|
||||
throw Error("Undefined $screen property: " + breakpoint + ". Supported properties: " + Object.keys(breakpoints).join(", "));
|
||||
}
|
||||
return breakpoints[breakpoint] <= width;
|
||||
});
|
||||
}
|
||||
|
||||
// packages/$screen/builds/cdn.js
|
||||
document.addEventListener("alpine:init", () => {
|
||||
window.Alpine.plugin(src_default);
|
||||
});
|
||||
})();
|
||||
199101
fet2020/static/styles.css
199101
fet2020/static/styles.css
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user