Standardize: TO STYLELINT!

2025-06-27 03:39:55 +00:00 · 2016-04-05 15:43:52 -04:00 · 2016-04-05 15:43:52 -04:00 · 7b5b81504b
commit 7b5b81504b
parent 426728058c
9 changed files with 1861 additions and 782 deletions
--- a/.stylelintrc
+++ b/.stylelintrc
@ -0,0 +1,4 @@
+{
+	"extends": "stylelint-config-standard",
+	"font-family-name-quotes": "double-where-recommended"
+}
--- a/css/main.css
+++ b/css/main.css
@ -1,59 +1,106 @@
 html {
-	cursor: none;
+  cursor: none;
 }

 body {
-	margin: 60px;
-	position: absolute;
-	height: calc(100% - 120px);
-	width: calc(100% - 120px);
-	background: #000;
-	color: #aaa;
-	font-family: 'Roboto Condensed', sans-serif;
-	font-weight: 400;
-	font-size: 2em;
-	line-height: 1.5em;
-	-webkit-font-smoothing: antialiased;
+  margin: 60px;
+  position: absolute;
+  height: calc(100% - 120px);
+  width: calc(100% - 120px);
+  background: #000;
+  color: #aaa;
+  font-family: "Roboto Condensed", sans-serif;
+  font-weight: 400;
+  font-size: 2em;
+  line-height: 1.5em;
+  -webkit-font-smoothing: antialiased;
 }

 /**
 * Default styles.
 */

-.dimmed {color: #555;}
-.normal {color: #999;}
-.bright {color: #fff;}
+.dimmed {
+  color: #555;
+}

-.xsmall {font-size: 15px; line-height: 20px;}
-.small {font-size: 20px; line-height: 25px;}
-.medium {font-size: 30px; line-height: 35px;}
-.large {font-size: 65px; line-height: 65px;}
-.xlarge {font-size: 75px; line-height: 75px; letter-spacing: -3px;}
+.normal {
+  color: #999;
+}

-.thin {font-family: 'Roboto', sans-serif; font-weight: 100;}
-.light {font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
-.regular {font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
-.bold {font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
+.bright {
+  color: #fff;
+}

-.align-right {text-align: right;}
-.align-left {text-align: left;}
+.xsmall {
+  font-size: 15px;
+  line-height: 20px;
+}

+.small {
+  font-size: 20px;
+  line-height: 25px;
+}
+
+.medium {
+  font-size: 30px;
+  line-height: 35px;
+}
+
+.large {
+  font-size: 65px;
+  line-height: 65px;
+}
+
+.xlarge {
+  font-size: 75px;
+  line-height: 75px;
+  letter-spacing: -3px;
+}
+
+.thin {
+  font-family: Roboto, sans-serif;
+  font-weight: 100;
+}
+
+.light {
+  font-family: "Roboto Condensed", sans-serif;
+  font-weight: 300;
+}
+
+.regular {
+  font-family: "Roboto Condensed", sans-serif;
+  font-weight: 400;
+}
+
+.bold {
+  font-family: "Roboto Condensed", sans-serif;
+  font-weight: 700;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-left {
+  text-align: left;
+}

 header {
-	text-transform: uppercase;
-	font-size: 15px;
-	font-family: 'Roboto Condensed';
-	font-weight: 400;
-	border-bottom: 1px solid #333;
-	line-height: 0.35em;
-	padding-bottom: 10px;
-	margin-bottom: 10px;
-	color: #666;
+  text-transform: uppercase;
+  font-size: 15px;
+  font-family: "Roboto Condensed";
+  font-weight: 400;
+  border-bottom: 1px solid #333;
+  line-height: 0.35em;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+  color: #666;
 }

 sup {
-	font-size: 50%;
-	line-height: 50%;
+  font-size: 50%;
+  line-height: 50%;
 }

 /**
@ -61,10 +108,11 @@ sup {
 */

 .module {
-	margin-top: 30px;
+  margin-top: 30px;
 }
+
 .module:first-child {
-	margin-top: 0px;
+  margin-top: 0;
 }

 /**
@ -72,80 +120,105 @@ sup {
 */

 .region {
-	position: absolute;
+  position: absolute;
 }
+
 .region.fullscreen {
-	position: absolute;
-	top: -60px;
-	left: -60px;
-	right: -60px;
-	bottom: -60px;
+  position: absolute;
+  top: -60px;
+  left: -60px;
+  right: -60px;
+  bottom: -60px;
 }
+
 .region.right {
-	right: 0;
+  right: 0;
 }
+
 .region.top {
-	top: 0;
+  top: 0;
 }
-.region.top .container{
-	margin-bottom: 25px;
+
+.region.top .container {
+  margin-bottom: 25px;
 }
+
 .region.top .container:empty {
-	margin-bottom: 0px;
+  margin-bottom: 0;
 }
-.region.top.center, .region.bottom.center {
-	left: 50%;
-	-moz-transform: translateX(-50%);
-	-o-transform: translateX(-50%);
-	-webkit-transform: translateX(-50%);
-	-ms-transform: translateX(-50%);
-	transform: translateX(-50%);
+
+.region.top.center,
+.region.bottom.center {
+  left: 50%;
+  -moz-transform: translateX(-50%);
+  -o-transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
 }
-.region.top.right, .region.top.left, .region.top.center {
-	top: 100%;
+
+.region.top.right,
+.region.top.left,
+.region.top.center {
+  top: 100%;
 }
+
 .region.bottom {
-	bottom: 0;
+  bottom: 0;
 }
-.region.bottom .container{
-	margin-top: 25px;
+
+.region.bottom .container {
+  margin-top: 25px;
 }
+
 .region.bottom .container:empty {
-	margin-top: 0px;
+  margin-top: 0;
 }
-.region.bottom.right, .region.bottom.center, .region.bottom.left {
-	bottom: 100%;
+
+.region.bottom.right,
+.region.bottom.center,
+.region.bottom.left {
+  bottom: 100%;
 }
+
 .region.bar {
-	width: 100%;
-	text-align: center;
-}
-.region.third, .region.middle.center {
-	width: 100%;
-	text-align: center;
-	-moz-transform: translateY(-50%);
-	-o-transform: translateY(-50%);
-	-webkit-transform: translateY(-50%);
-	-ms-transform: translateY(-50%);
-	transform: translateY(-50%);
-}
-.region.upper.third {
-	top: 33%;
+  width: 100%;
+  text-align: center;
 }
+
+.region.third,
 .region.middle.center {
-	top: 50%;
+  width: 100%;
+  text-align: center;
+  -moz-transform: translateY(-50%);
+  -o-transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
 }
+
+.region.upper.third {
+  top: 33%;
+}
+
+.region.middle.center {
+  top: 50%;
+}
+
 .region.lower.third {
-	top: 66%;
+  top: 66%;
 }
+
 .region.left {
-	text-align: left;
+  text-align: left;
 }
+
 .region.right {
-	text-align: right;
+  text-align: right;
 }
-.region  table {
-	width: 100%;
-	border-spacing: 0px;
-    border-collapse: separate;
+
+.region table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
 }
--- a/fonts/roboto.css
+++ b/fonts/roboto.css
@ -1,87 +1,95 @@
@font-face {
-	font-family: 'Roboto';
-	font-style: normal;
-	font-weight: 100;
-	src: local('Roboto Thin'),
-	local('Roboto-Thin'),
-	url('Roboto-Thin/Roboto-Thin.woff2') format('woff2'),
-	url('Roboto-Thin/Roboto-Thin.woff') format('woff'),
-	url('Roboto-Thin/Roboto-Thin.ttf') format('truetype');
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 100;
+  src:
+    local("Roboto Thin"),
+    local("Roboto-Thin"),
+    url("Roboto-Thin/Roboto-Thin.woff2") format("woff2"),
+    url("Roboto-Thin/Roboto-Thin.woff") format("woff"),
+    url("Roboto-Thin/Roboto-Thin.ttf") format("truetype");
 }

@font-face {
-	font-family: 'Roboto Condensed';
-	font-style: normal;
-	font-weight: 300;
-	src: local('Roboto Condensed Light'),
-	local('RobotoCondensed-Light'),
-	url('RobotoCondensed-Light/RobotoCondensed-Light.woff2') format('woff2'),
-	url('RobotoCondensed-Light/RobotoCondensed-Light.woff') format('woff'),
-	url('RobotoCondensed-Light/RobotoCondensed-Light.ttf') format('truetype');
+  font-family: "Roboto Condensed";
+  font-style: normal;
+  font-weight: 300;
+  src:
+    local("Roboto Condensed Light"),
+    local("RobotoCondensed-Light"),
+    url("RobotoCondensed-Light/RobotoCondensed-Light.woff2") format("woff2"),
+    url("RobotoCondensed-Light/RobotoCondensed-Light.woff") format("woff"),
+    url("RobotoCondensed-Light/RobotoCondensed-Light.ttf") format("truetype");
 }

@font-face {
-	font-family: 'Roboto Condensed';
-	font-style: normal;
-	font-weight: 400;
-	src: local('Roboto Condensed'),
-		local('RobotoCondensed-Regular'),
-		url('RobotoCondensed-Regular/RobotoCondensed-Regular.woff2') format('woff2'),
-		url('RobotoCondensed-Regular/RobotoCondensed-Regular.woff') format('woff'),
-		url('RobotoCondensed-Regular/RobotoCondensed-Regular.ttf') format('truetype');
+  font-family: "Roboto Condensed";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("Roboto Condensed"),
+    local("RobotoCondensed-Regular"),
+    url("RobotoCondensed-Regular/RobotoCondensed-Regular.woff2") format("woff2"),
+    url("RobotoCondensed-Regular/RobotoCondensed-Regular.woff") format("woff"),
+    url("RobotoCondensed-Regular/RobotoCondensed-Regular.ttf") format("truetype");
 }

@font-face {
-	font-family: 'Roboto Condensed';
-	font-style: normal;
-	font-weight: 700;
-	src: local('Roboto Condensed Bold'),
-	local('RobotoCondensed-Bold'),
-	url('RobotoCondensed-Bold/RobotoCondensed-Bold.woff2') format('woff2'),
-	url('RobotoCondensed-Bold/RobotoCondensed-Bold.woff') format('woff'),
-	url('RobotoCondensed-Bold/RobotoCondensed-Bold.ttf') format('truetype');
+  font-family: "Roboto Condensed";
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local("Roboto Condensed Bold"),
+    local("RobotoCondensed-Bold"),
+    url("RobotoCondensed-Bold/RobotoCondensed-Bold.woff2") format("woff2"),
+    url("RobotoCondensed-Bold/RobotoCondensed-Bold.woff") format("woff"),
+    url("RobotoCondensed-Bold/RobotoCondensed-Bold.ttf") format("truetype");
 }

@font-face {
-	font-family: 'Roboto';
-	font-style: normal;
-	font-weight: 400;
-	src: local('Roboto'),
-		local('Roboto-Regular'),
-		url('Roboto-Regular/Roboto-Regular.woff2') format('woff2'),
-		url('Roboto-Regular/Roboto-Regular.woff') format('woff'),
-		url('Roboto-Regular/Roboto-Regular.ttf') format('truetype');
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("Roboto"),
+    local("Roboto-Regular"),
+    url("Roboto-Regular/Roboto-Regular.woff2") format("woff2"),
+    url("Roboto-Regular/Roboto-Regular.woff") format("woff"),
+    url("Roboto-Regular/Roboto-Regular.ttf") format("truetype");
 }

@font-face {
-	font-family: 'Roboto';
-	font-style: normal;
-	font-weight: 500;
-	src: local('Roboto Medium'),
-		local('Roboto-Medium'),
-		url('Roboto-Medium/Roboto-Medium.woff2') format('woff2'),
-		url('Roboto-Medium/Roboto-Medium.woff') format('woff'),
-		url('Roboto-Medium/Roboto-Medium.ttf') format('truetype');
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 500;
+  src:
+    local("Roboto Medium"),
+    local("Roboto-Medium"),
+    url("Roboto-Medium/Roboto-Medium.woff2") format("woff2"),
+    url("Roboto-Medium/Roboto-Medium.woff") format("woff"),
+    url("Roboto-Medium/Roboto-Medium.ttf") format("truetype");
 }

@font-face {
-	font-family: 'Roboto';
-	font-style: normal;
-	font-weight: 700;
-	src: local('Roboto Bold'),
-		local('Roboto-Bold'),
-		url('Roboto-Bold/Roboto-Bold.woff2') format('woff2'),
-		url('Roboto-Bold/Roboto-Bold.woff') format('woff'),
-		url('Roboto-Bold/Roboto-Bold.ttf') format('truetype');
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local("Roboto Bold"),
+    local("Roboto-Bold"),
+    url("Roboto-Bold/Roboto-Bold.woff2") format("woff2"),
+    url("Roboto-Bold/Roboto-Bold.woff") format("woff"),
+    url("Roboto-Bold/Roboto-Bold.ttf") format("truetype");
 }

@font-face {
-	font-family: 'Roboto';
-	font-style: normal;
-	font-weight: 300;
-	src: local('Roboto Light'),
-		local('Roboto-Light'),
-		url('Roboto-Light/Roboto-Light.woff2') format('woff2'),
-		url('Roboto-Light/Roboto-Light.woff') format('woff'),
-		url('Roboto-Light/Roboto-Light.ttf') format('truetype');
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 300;
+  src:
+    local("Roboto Light"),
+    local("Roboto-Light"),
+    url("Roboto-Light/Roboto-Light.woff2") format("woff2"),
+    url("Roboto-Light/Roboto-Light.woff") format("woff"),
+    url("Roboto-Light/Roboto-Light.ttf") format("truetype");
 }
--- a/install.sh
+++ b/install.sh
@ -1,3 +1,4 @@
+#!/usr/bin/env bash
 # $$\      $$\                     $$\           $$\      $$\ $$\                                          $$$$$$\
 # $$$\    $$$ |                    \__|          $$$\    $$$ |\__|                                        $$  __$$\
 # $$$$\  $$$$ | $$$$$$\   $$$$$$\  $$\  $$$$$$$\ $$$$\  $$$$ |$$\  $$$$$$\   $$$$$$\   $$$$$$\   $$$$$$\  \__/  $$ |
--- a/modules/default/alert/ns-default.css
+++ b/modules/default/alert/ns-default.css
--- a/modules/default/calendar/calendar.css
+++ b/modules/default/calendar/calendar.css
@ -1,23 +1,22 @@
 .calendar .symbol {
-	padding-left: 0px;
-	padding-right: 10px;
-	font-size: 80%;
+  padding-left: 0;
+  padding-right: 10px;
+  font-size: 80%;
 }

 .calendar .symbol span {
-	display: inline-block;
-
-	-ms-transform: translate(0px,2px); /* IE 9 */
-   	-webkit-transform: translate(0px,2px); /* Safari */
-    transform: translate(0px,2px);
+  display: inline-block;
+  -ms-transform: translate(0, 2px); /* IE 9 */
+  -webkit-transform: translate(0, 2px); /* Safari */
+  transform: translate(0, 2px);
 }

 .calendar .title {
-	padding-left: 0px;
-	padding-right: 0px;
+  padding-left: 0;
+  padding-right: 0;
 }

 .calendar .time {
-	padding-left: 30px;
-	text-align: right;
+  padding-left: 30px;
+  text-align: right;
 }
--- a/modules/default/currentweather/currentweather.css
+++ b/modules/default/currentweather/currentweather.css
@ -1,9 +1,8 @@
 .currentweather .weathericon {
-	font-size: 75%;
-	line-height: 65px;
-	display: inline-block;
-
-	-ms-transform: translate(0px,-3px); /* IE 9 */
-   	-webkit-transform: translate(0px,-3px); /* Safari */
-    transform: translate(0px,-3px);
+  font-size: 75%;
+  line-height: 65px;
+  display: inline-block;
+  -ms-transform: translate(0, -3px); /* IE 9 */
+  -webkit-transform: translate(0, -3px); /* Safari */
+  transform: translate(0, -3px);
 }
--- a/modules/default/weatherforecast/weatherforecast.css
+++ b/modules/default/weatherforecast/weatherforecast.css
@ -1,14 +1,14 @@
 .weatherforecast .day {
-	padding-left: 0px;
-	padding-right: 25px;
+  padding-left: 0;
+  padding-right: 25px;
 }

 .weatherforecast .weather-icon {
-	padding-right: 30px;
-	text-align: center;
+  padding-right: 30px;
+  text-align: center;
 }

 .weatherforecast .min-temp {
-	padding-left: 20px;
-	padding-right: 0px;
+  padding-left: 20px;
+  padding-right: 0;
 }
--- a/package.json
+++ b/package.json
@ -1,40 +1,42 @@
 {
-	"name": "magicmirror",
-	"version": "2.0.0",
-	"description": "A modular interface for smart mirrors.",
-	"main": "js/electron.js",
-	"scripts": {
-		"start": "electron js/electron.js"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/MichMich/MagicMirror.git"
-	},
-	"keywords": [
-		"magic mirror",
-		"smart mirror",
-		"mirror UI",
-		"modular"
-	],
-	"author": "Michael Teeuw",
-	"contributors": "https://github.com/MichMich/MagicMirror/graphs/contributors",
-	"license": "MIT",
-	"bugs": {
-		"url": "https://github.com/MichMich/MagicMirror/issues"
-	},
-	"homepage": "https://github.com/MichMich/MagicMirror#readme",
-	"devDependencies": {
-		"electron-prebuilt": "latest"
-	},
-	"dependencies": {
-		"socket.io":"latest",
-		"express":"latest",
-		"request":"latest",
-		"walk": "latest",
-		"feedme": "latest",
-		"valid-url": "latest",
-		"ical": "latest",
-		"moment": "latest",
-		"iconv-lite": "latest"
-	}
+  "name": "magicmirror",
+  "version": "2.0.0",
+  "description": "A modular interface for smart mirrors.",
+  "main": "js/electron.js",
+  "scripts": {
+    "start": "electron js/electron.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MichMich/MagicMirror.git"
+  },
+  "keywords": [
+    "magic mirror",
+    "smart mirror",
+    "mirror UI",
+    "modular"
+  ],
+  "author": "Michael Teeuw",
+  "contributors": "https://github.com/MichMich/MagicMirror/graphs/contributors",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/MichMich/MagicMirror/issues"
+  },
+  "homepage": "https://github.com/MichMich/MagicMirror#readme",
+  "devDependencies": {
+    "electron-prebuilt": "latest"
+  },
+  "dependencies": {
+    "express": "latest",
+    "feedme": "latest",
+    "ical": "latest",
+    "iconv-lite": "latest",
+    "moment": "latest",
+    "request": "latest",
+    "socket.io": "latest",
+    "stylelint": "^5.2.1",
+    "stylelint-config-standard": "^4.0.1",
+    "valid-url": "latest",
+    "walk": "latest"
+  }
 }