mirror of
https://github.com/kognise/water.css.git
synced 2025-07-31 18:30:22 +02:00
24 lines
753 B
JavaScript
24 lines
753 B
JavaScript
// Water.css Bookmarklet
|
|
// ---------------------
|
|
|
|
const $$ = (selector) => document.querySelectorAll(selector)
|
|
const createElement = (tagName, properties) => Object.assign(document.createElement(tagName), properties)
|
|
|
|
// Remove all CSS stylesheets, external and internal
|
|
$$('link[rel="stylesheet"],style').forEach((el) => el.remove())
|
|
|
|
// Remove all inline styles
|
|
$$('*').forEach((el) => (el.style = ''))
|
|
|
|
// Add water.css and responsive viewport (if necessary)
|
|
document.head.append(
|
|
createElement('link', {
|
|
rel: 'stylesheet',
|
|
href: 'https://cdn.jsdelivr.net/npm/water.css@2/out/water.css'
|
|
}),
|
|
!$$('meta[name="viewport"]').length && createElement('meta', {
|
|
name: 'viewport',
|
|
content: 'width=device-width,initial-scale=1.0'
|
|
})
|
|
)
|