mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-06 13:16:58 +02:00
Code Issues Releases Wiki Activity

feat: update so branch base matches current master

Browse Source
This commit is contained in:
Jonas Kuske
2019-06-08 21:31:00 +02:00
parent 8e465363f1
commit 758cd36841
11 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -1,6 +1,6 @@
# Water.css # Water.css
[![Water.css](docs/logo.svg)](https://watercss.netlify.com/) [![Water.css](assets/logo.svg)](https://watercss.netlify.com/)
_A just-add-css collection of styles to make simple websites just a little nicer_ _A just-add-css collection of styles to make simple websites just a little nicer_

0
icon-dark.svg → assets/icon-dark.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

0
icon-light.svg → assets/icon-light.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

0
docs/logo.png → assets/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 45 KiB

0
docs/logo.svg → assets/logo.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

0
docs/screenshot.jpg → assets/screenshot.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

4
docs/index.html
View File

@@ -3,6 +3,7 @@
<head> <head>
<title>Water.css</title> <title>Water.css</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Icons generated with https://realfavicongenerator.net --> <!-- Icons generated with https://realfavicongenerator.net -->
<link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png" />
@@ -15,6 +16,7 @@
<meta name="msapplication-TileColor" content="#00aba9" /> <meta name="msapplication-TileColor" content="#00aba9" />
<meta name="msapplication-config" content="./icons/browserconfig.xml" /> <meta name="msapplication-config" content="./icons/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" /> <meta name="theme-color" content="#ffffff" />
<!-- Startup styles of water.css, so styles don't have to wait until JS is loaded --> <!-- Startup styles of water.css, so styles don't have to wait until JS is loaded -->
<!-- <link <!-- <link
rel="preload" rel="preload"
@@ -31,9 +33,9 @@
rel="stylesheet" rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/kognise/water.css/dist/dark-legacy.min.css" href="https://cdn.jsdelivr.net/gh/kognise/water.css/dist/dark-legacy.min.css"
/> --> /> -->
<!-- TODO: Remove once water.css v2 is hosted so the above links work --> <!-- TODO: Remove once water.css v2 is hosted so the above links work -->
<link rel="stylesheet" id="js-startup-stylesheet" href="../dark.min.css" /> <link rel="stylesheet" id="js-startup-stylesheet" href="../dark.min.css" />
<!-- Dynamic version of water.css, overwrites startup styles. JavaScript sets & updates href --> <!-- Dynamic version of water.css, overwrites startup styles. JavaScript sets & updates href -->
<link rel="stylesheet" id="js-stylesheet" /> <link rel="stylesheet" id="js-stylesheet" />
<!-- Custom styles for the documentation / version picker --> <!-- Custom styles for the documentation / version picker -->

12
docs/script.js
View File

@@ -2,10 +2,16 @@
/** @typedef {'dark' | 'light'} Theme */ /** @typedef {'dark' | 'light'} Theme */
/** @typedef {keyof typeof FILE_SIZES} FileName */ /** @typedef {keyof typeof FILE_SIZES} FileName */
/** @typedef {'success' | 'failed'} CopyStatus */ /** @typedef {'success' | 'failed'} CopyStatus */
/** @typedef {{ Vue: typeof import('vue').default, clipboard: Clipboard }} Libraries */
/** @typedef {{ theme: Theme, isLegacy: boolean, isStandalone: boolean }} VersionOptions */ /** @typedef {{ theme: Theme, isLegacy: boolean, isStandalone: boolean }} VersionOptions */
/**
* @typedef {Object} Libraries External packages exposed on `window` (loaded through `<script>`)
* @prop {typeof import('vue').default} Vue
* @prop {Clipboard} clipboard
* @prop {import('favicon-mode-switcher')} faviconModeSwitcher
*/
/** @typedef {Object} VueData State used by the version picker /**
* @typedef {Object} VueData State used by the version picker
* @prop {VersionOptions} versionOptions * @prop {VersionOptions} versionOptions
* @prop {?CopyStatus} copyStatus * @prop {?CopyStatus} copyStatus
* @prop {?Theme} preferedColorScheme * @prop {?Theme} preferedColorScheme
@@ -163,7 +169,7 @@ new w.Vue({
}, },
}) })
const iconModeSwitcher = faviconModeSwitcher.default const iconModeSwitcher = w.faviconModeSwitcher.default
iconModeSwitcher([ iconModeSwitcher([
{ {
element: 'link[rel="shortcut icon"]', element: 'link[rel="shortcut icon"]',

2
gulpfile.js
View File

@@ -24,7 +24,7 @@ const postcssColorModFunction = require('postcss-color-mod-function').bind(null,
const paths = { const paths = {
srcDir: 'src/*', srcDir: 'src/*',
docs: { src: 'docs/*', dest: 'dist/docs' }, docs: { src: 'docs/**', dest: 'dist/docs' },
styles: { src: 'src/builds/*.css', dest: 'dist' }, styles: { src: 'src/builds/*.css', dest: 'dist' },
} }

1
package.json
View File

@@ -32,6 +32,7 @@
"chalk": "^2.4.2", "chalk": "^2.4.2",
"clipboard-polyfill": "^2.8.1", "clipboard-polyfill": "^2.8.1",
"cssnano": "^4.1.10", "cssnano": "^4.1.10",
"favicon-mode-switcher": "^1.0.4",
"gulp": "^4.0.0", "gulp": "^4.0.0",
"gulp-babel": "^8.0.0", "gulp-babel": "^8.0.0",
"gulp-bytediff": "^1.0.0", "gulp-bytediff": "^1.0.0",

5
yarn.lock
View File

@@ -2400,6 +2400,11 @@ fast-levenshtein@~2.0.4:
resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917" resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc= integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
favicon-mode-switcher@^1.0.4:
version "1.0.4"
resolved "https://registry.yarnpkg.com/favicon-mode-switcher/-/favicon-mode-switcher-1.0.4.tgz#122a1b7204ab9a5265adf6b3e4c5f8edde6f0002"
integrity sha512-zLXOYVToYqwV3iZrwy1q1JFB+QLVHQAkY6L/C3nGdxPs65LyrL3l5JeigoxqCMjT7CNFA9RbwXjcbZ/2izKPig==
filename-regex@^2.0.0: filename-regex@^2.0.0:
version "2.0.1" version "2.0.1"
resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26" resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"