moved to parcel

nikoloza · nikoloza · commit 098826e0b4e4 · 2019-07-23T02:24:19.000+04:00
diff --git a/index.html b/index.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html >
 <html lang="en-US">
 <head>
-  <title>Scratch</title>
-  <link rel="stylesheet" type="text/css" href="bundle.css">
+  <title>Scratch UI</title>
 </head>
 <body>
   <h1>Do you see nice input field?</h1>
   <br>
-  <input type="text" class="big field">
-  <script type="text/javascript" src="bundle.js"></script>
+  <input type="text" class="ui big field">
+  <button class="ui big button">Search</button>
+
+  <script type="text/javascript" src="./index.js"></script>
 </body>
 </html>
diff --git a/lib/form/checkbox.css b/lib/form/checkbox.css
@@ -17,15 +17,15 @@
   line-height: 1;
   position: relative;
 
-  > input {
+  & > input {
     position: absolute;
     top: 0; left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
   }
 
-  > span {
+  & > span {
     position: relative;
     color: var(--checkbox-label-color);
     transition: ease var(--checkbox-transition-duration) color;
@@ -41,7 +41,7 @@
       transition: ease var(--checkbox-transition-duration) background;
     }
 
-    .icon {
+    & .icon {
       width: 0;
       font-size: var(--field-font-size-tiny);
       position: absolute;
@@ -54,7 +54,7 @@
     }
   }
 
-  > input:checked {
+  & > input:checked {
     & + span {
       color: var(--checkbox-label-active-color);
 
diff --git a/lib/form/config.css b/lib/form/config.css
@@ -1,11 +1,13 @@
 :root {
   /* unit */
-  --field-unit: var(--unit);
+  --field-unit: var(--sizing-unit);
 
   /* sequence */
   --field-height-sequence: var(--minor-third);
   --field-height-base: 2.4;
-  --field-height: var(--field-height-base)var(--field-unit);
+  --field-height: calc(
+    var(--field-height-base) * var(--field-unit)
+  );
 
   /* heighs */
   --field-height-tiny: calc(var(--field-height-small) /
diff --git a/lib/form/textarea.css b/lib/form/textarea.css
@@ -1,9 +1,13 @@
 :root {
   --textarea-min-height-base: 18;
-  --textarea-min-height: var(--textarea-min-height-base)var(--unit);
+  --textarea-min-height: calc(
+    var(--textarea-min-height-base) * var(--sizing-unit)
+  );
 
   --textarea-min-width-base: 56;
-  --textarea-min-width: var(--textarea-min-width-base)var(--unit);
+  --textarea-min-width: calc(
+    var(--textarea-min-width-base) * var(--sizing-unit)
+  );
 }
 
 .ui.flexible.field {
diff --git a/package.json b/package.json
@@ -1,33 +1,32 @@
 {
   "name": "@scratch-css/ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
   "main": "lib/index.css",
   "scripts": {
-    "start": "webpack-dev-server",
-    "dev": "webpack-dev-server --watch",
-    "build": "webpack",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "parcel index.html --no-cache",
+    "build": "parcel build index.html",
+    "deploy": "yarn build && gh-pages -d dist"
   },
   "author": "",
   "license": "",
   "dependencies": {
     "@scratch-css/scratch": "^1.0.0"
   },
   "devDependencies": {
-    "babel-core": "^6.14.0",
-    "babel-loader": "^6.2.5",
-    "babel-plugin-transform-class-properties": "^6.11.5",
-    "babel-preset-es2015": "^6.14.0",
-    "css-loader": "^0.25.0",
-    "extract-text-webpack-plugin": "^1.0.1",
-    "postcss-cssnext": "^2.8.0",
-    "postcss-import": "^8.1.2",
-    "postcss-loader": "^0.13.0",
-    "postcss-url": "^5.1.2",
-    "precss": "^1.4.0",
-    "style-loader": "^0.13.1",
-    "webpack": "^1.13.2",
-    "webpack-dev-server": "^1.15.1"
+    "gh-pages": "^2.0.1",
+    "parcel-bundler": "^1.12.3",
+    "postcss-preset-env": "^6.7.0"
+  },
+  "browserslist": [
+    "last 1 version",
+    "> 1%"
+  ],
+  "postcss": {
+    "plugins": {
+      "postcss-preset-env": {
+        "stage": 0
+      }
+    }
   }
 }
diff --git a/webpack.config.js b/webpack.config.js
diff --git a/yarn.lock b/yarn.lock
