refactor: scss

packages/http/package.json

@@ -24,12 +24,13 @@
     "@avocado/timing": "^2.0.0",
     "@avocado/topdown": "^2.0.0",
     "@humus/core": "^1.0.0",
+    "@humus/scss": "^1.0.0",
     "@humus/universe": "^1.0.0",
     "@inlet/react-pixi": "^6.0.7",
+    "@latus/react": "2.0.0",
     "@latus/redux": "^2.0.0",
     "@latus/socket": "2.0.0",
     "@latus/user": "2.0.0",
-    "@latus/react": "2.0.0",
     "classnames": "^2.2.6",
     "connected-react-router": "^6.8.0",
     "dotenv": "8.2.0",

packages/http/src/components/app/index.jsx

@@ -1,3 +1,4 @@
+import '@humus/scss/reset.scss';
 import './index.scss';
 
 import {React} from '@latus/react';

packages/http/src/components/app/index.scss

@@ -1,76 +1,5 @@
-@import '../../scss/colors.scss';
+@import '@humus/scss/colors.scss';
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-em {
-  font-style: italic;
-}
-strong {
-  font-weight: bold;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-h1 {
-  font-size: 2em;
-}
-h2 {
-  font-size: 1.6em;
-}
-h3 {
-  font-size: 1.4em;
-}
-h4 {
-  font-size: 1.2em;
-}
-h5 {
-  font-size: 1.1em;
-}
-h6 {
-  font-size: 1.05em;
-}
-
-* {
-  box-sizing: border-box;
-}
 html {
   background-color: #212121;
   color: #FFFFFF;

packages/http/src/components/play/hotbar/index.scss

@@ -1,4 +1,4 @@
-@import '../../../scss/graphics.scss';
+@import '@humus/scss/graphics.scss';
 
 .hotbar {
   position: absolute;

packages/http/src/components/play/item-slot/index.scss

@@ -1,4 +1,4 @@
-@import '../../../scss/graphics.scss';
+@import '@humus/scss/graphics.scss';
 
 .item-slot {
   border: 4px dashed rgba(0, 0, 0, 0.5);

packages/http/src/components/title/universes/universe/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../scss/colors.scss';
+@import '@humus/scss/colors.scss';
 
 .universes-universe {
   align-items: baseline;

packages/http/yarn.lock

@@ -1135,6 +1135,11 @@
     debug "4.3.1"
     msgpack-lite "^0.1.26"
 
+"@humus/scss@^1.0.0":
+  version "1.0.0"
+  resolved "http://npm.cha0sdev/@humus%2fscss/-/scss-1.0.0.tgz#e3ba5acaf66c6162be93c218075e8f97bc975be5"
+  integrity sha512-tHdwqxKypssnS+kUPrt73ISfmwH3HgIDbtS7IMEA6bxpd7sy/KPMwT7pUQCmif65SfXphaaLJKxOkGT3l/4txg==
+
 "@humus/universe@^1.0.0":
   version "1.0.0"
   resolved "http://npm.cha0sdev/@humus%2funiverse/-/universe-1.0.0.tgz#06fd98a885918f548ecdb2cc465117154c949156"

packages/scss/.gitignore

@@ -0,0 +1,8 @@
+**/*.js
+**/*.map
+!/.*
+!/postcss.config.js
+!/webpack.config.js
+!src/**/*.js
+!/test/**/*.js
+/*.scss

packages/scss/.neutrinorc.js

@@ -0,0 +1,12 @@
+const copy = require('@neutrinojs/copy');
+
+module.exports = require('@latus/build/build/.neutrinorc.js');
+
+module.exports.use.push(
+  copy({
+    patterns: [{
+      from: 'scss',
+      to: '.',
+    }],
+  }),
+);

packages/scss/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@humus/scss",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "build": "latus-build",
+    "clean": "latus-build clean",
+    "fp": "latus-build forcepublish",
+    "lint": "latus-build lint",
+    "test": "latus-build test"
+  },
+  "files": [
+    "colors.scss",
+    "graphics.scss",
+    "index.js",
+    "index.js.map",
+    "reset.scss",
+    "test.js",
+    "test.js.map"
+  ],
+  "dependencies": {},
+  "devDependencies": {
+    "@latus/build": "1.x",
+    "@neutrinojs/copy": "^9.5.0"
+  }
+}

packages/scss/scss/reset.scss

@@ -0,0 +1,71 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+em {
+  font-style: italic;
+}
+strong {
+  font-weight: bold;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+h1 {
+  font-size: 2em;
+}
+h2 {
+  font-size: 1.6em;
+}
+h3 {
+  font-size: 1.4em;
+}
+h4 {
+  font-size: 1.2em;
+}
+h5 {
+  font-size: 1.1em;
+}
+h6 {
+  font-size: 1.05em;
+}
+
+* {
+  box-sizing: border-box;
+}

packages/scss/test/exists.js

@@ -0,0 +1,5 @@
+import {expect} from 'chai';
+
+it('exists', () => {
+  expect(true).to.be.true;
+});