From c9c68d47e4e06def51e65805c73ce38af3573930 Mon Sep 17 00:00:00 2001 From: Sam Sebree Date: Fri, 8 Nov 2019 18:26:21 -0800 Subject: [PATCH] address feedback Merge commit 'refs/changes/23/1799923/13' of https://chromium.googlesource.com/chromium/src into user/sasebree/css-modules [SyntheticModules] Implements CSS Modules This is the final change required for CSS Modules to be utilized by developers. Following the acceptance of this change, if you run chromium with the CSSModules runtime flag, the following is now valid syntax: CSS Modules Explainer: https://github.com/w3c/webcomponents/blob/gh-pages/proposals/css-modules-v1-explainer.md CSS Modules Spec PR: https://github.com/whatwg/html/pull/4898 Bug: 967018 Change-Id: Ifdee5b92259fb7e4e9c8f9aa88e69a98eb55c551 --- .../css-module/css-module-worker-test.html | 18 +++++++++++++++ .../css-module/import-css-module-basic.html | 22 +++++++++++++++++++ .../css-module/modules/basic.css | 3 +++ .../css-module/modules/worker.js | 1 + 4 files changed, 44 insertions(+) create mode 100644 html/semantics/scripting-1/the-script-element/css-module/css-module-worker-test.html create mode 100644 html/semantics/scripting-1/the-script-element/css-module/import-css-module-basic.html create mode 100644 html/semantics/scripting-1/the-script-element/css-module/modules/basic.css create mode 100644 html/semantics/scripting-1/the-script-element/css-module/modules/worker.js diff --git a/html/semantics/scripting-1/the-script-element/css-module/css-module-worker-test.html b/html/semantics/scripting-1/the-script-element/css-module/css-module-worker-test.html new file mode 100644 index 00000000000000..3c326b4e2be39a --- /dev/null +++ b/html/semantics/scripting-1/the-script-element/css-module/css-module-worker-test.html @@ -0,0 +1,18 @@ + + + + import-css-module-worker + + + + + +

import-css-module-worker

+ + \ No newline at end of file diff --git a/html/semantics/scripting-1/the-script-element/css-module/import-css-module-basic.html b/html/semantics/scripting-1/the-script-element/css-module/import-css-module-basic.html new file mode 100644 index 00000000000000..c1c8b105c94538 --- /dev/null +++ b/html/semantics/scripting-1/the-script-element/css-module/import-css-module-basic.html @@ -0,0 +1,22 @@ + + + + import-css-module-basic + + + + + +

import-css-module-basic

+ + +
+ I am a test div. +
+ \ No newline at end of file diff --git a/html/semantics/scripting-1/the-script-element/css-module/modules/basic.css b/html/semantics/scripting-1/the-script-element/css-module/modules/basic.css new file mode 100644 index 00000000000000..3ea2ef45339c41 --- /dev/null +++ b/html/semantics/scripting-1/the-script-element/css-module/modules/basic.css @@ -0,0 +1,3 @@ +#test { + background-color:red; +} \ No newline at end of file diff --git a/html/semantics/scripting-1/the-script-element/css-module/modules/worker.js b/html/semantics/scripting-1/the-script-element/css-module/modules/worker.js new file mode 100644 index 00000000000000..63d1d6521b684f --- /dev/null +++ b/html/semantics/scripting-1/the-script-element/css-module/modules/worker.js @@ -0,0 +1 @@ +import "./basic.css" \ No newline at end of file