kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 11:50:00 +00:00
Code Issues Projects Releases Wiki Activity

Standardize: TO STYLELINT!

Browse Source
This commit is contained in:
Nicholas Hubbard 2016-04-05 15:43:52 -04:00
parent 426728058c
commit 7b5b81504b
9 changed files with 1861 additions and 782 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.stylelintrc Normal file
View File

@ -0,0 +1,4 @@
{
"extends": "stylelint-config-standard",
"font-family-name-quotes": "double-where-recommended"
}

121
css/main.css
View File

@ -9,7 +9,7 @@ body {
width: calc(100% - 120px); width: calc(100% - 120px);
background: #000; background: #000;
color: #aaa; color: #aaa;
font-family: 'Roboto Condensed', sans-serif; font-family: "Roboto Condensed", sans-serif;
font-weight: 400; font-weight: 400;
font-size: 2em; font-size: 2em;
line-height: 1.5em; line-height: 1.5em;
@ -20,29 +20,76 @@ body {
* Default styles. * Default styles.
*/ */
.dimmed {color: #555;} .dimmed {
.normal {color: #999;} color: #555;
.bright {color: #fff;} }
.xsmall {font-size: 15px; line-height: 20px;} .normal {
.small {font-size: 20px; line-height: 25px;} color: #999;
.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;} .bright {
.light {font-family: 'Roboto Condensed', sans-serif; font-weight: 300;} color: #fff;
.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;} .xsmall {
.align-left {text-align: left;} 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 { header {
text-transform: uppercase; text-transform: uppercase;
font-size: 15px; font-size: 15px;
font-family: 'Roboto Condensed'; font-family: "Roboto Condensed";
font-weight: 400; font-weight: 400;
border-bottom: 1px solid #333; border-bottom: 1px solid #333;
line-height: 0.35em; line-height: 0.35em;
@ -63,8 +110,9 @@ sup {
.module { .module {
margin-top: 30px; margin-top: 30px;
} }
.module:first-child { .module:first-child {
margin-top: 0px; margin-top: 0;
} }
/** /**
@ -74,6 +122,7 @@ sup {
.region { .region {
position: absolute; position: absolute;
} }
.region.fullscreen { .region.fullscreen {
position: absolute; position: absolute;
top: -60px; top: -60px;
@ -81,19 +130,25 @@ sup {
right: -60px; right: -60px;
bottom: -60px; bottom: -60px;
} }
.region.right { .region.right {
right: 0; right: 0;
} }
.region.top { .region.top {
top: 0; top: 0;
} }
.region.top .container { .region.top .container {
margin-bottom: 25px; margin-bottom: 25px;
} }
.region.top .container:empty { .region.top .container:empty {
margin-bottom: 0px; margin-bottom: 0;
} }
.region.top.center, .region.bottom.center {
.region.top.center,
.region.bottom.center {
left: 50%; left: 50%;
-moz-transform: translateX(-50%); -moz-transform: translateX(-50%);
-o-transform: translateX(-50%); -o-transform: translateX(-50%);
@ -101,26 +156,38 @@ sup {
-ms-transform: translateX(-50%); -ms-transform: translateX(-50%);
transform: translateX(-50%); transform: translateX(-50%);
} }
.region.top.right, .region.top.left, .region.top.center {
.region.top.right,
.region.top.left,
.region.top.center {
top: 100%; top: 100%;
} }
.region.bottom { .region.bottom {
bottom: 0; bottom: 0;
} }
.region.bottom .container { .region.bottom .container {
margin-top: 25px; margin-top: 25px;
} }
.region.bottom .container:empty { .region.bottom .container:empty {
margin-top: 0px; margin-top: 0;
} }
.region.bottom.right, .region.bottom.center, .region.bottom.left {
.region.bottom.right,
.region.bottom.center,
.region.bottom.left {
bottom: 100%; bottom: 100%;
} }
.region.bar { .region.bar {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.region.third, .region.middle.center {
.region.third,
.region.middle.center {
width: 100%; width: 100%;
text-align: center; text-align: center;
-moz-transform: translateY(-50%); -moz-transform: translateY(-50%);
@ -129,23 +196,29 @@ sup {
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
} }
.region.upper.third { .region.upper.third {
top: 33%; top: 33%;
} }
.region.middle.center { .region.middle.center {
top: 50%; top: 50%;
} }
.region.lower.third { .region.lower.third {
top: 66%; top: 66%;
} }
.region.left { .region.left {
text-align: left; text-align: left;
} }
.region.right { .region.right {
text-align: right; text-align: right;
} }
.region table { .region table {
width: 100%; width: 100%;
border-spacing: 0px; border-spacing: 0;
border-collapse: separate; border-collapse: separate;
} }

104
fonts/roboto.css
View File

@ -1,87 +1,95 @@
@font-face { @font-face {
font-family: 'Roboto'; font-family: Roboto;
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 100;
src: local('Roboto Thin'), src:
local('Roboto-Thin'), local("Roboto Thin"),
url('Roboto-Thin/Roboto-Thin.woff2') format('woff2'), local("Roboto-Thin"),
url('Roboto-Thin/Roboto-Thin.woff') format('woff'), url("Roboto-Thin/Roboto-Thin.woff2") format("woff2"),
url('Roboto-Thin/Roboto-Thin.ttf') format('truetype'); url("Roboto-Thin/Roboto-Thin.woff") format("woff"),
url("Roboto-Thin/Roboto-Thin.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: 'Roboto Condensed'; font-family: "Roboto Condensed";
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: local('Roboto Condensed Light'), src:
local('RobotoCondensed-Light'), local("Roboto Condensed Light"),
url('RobotoCondensed-Light/RobotoCondensed-Light.woff2') format('woff2'), local("RobotoCondensed-Light"),
url('RobotoCondensed-Light/RobotoCondensed-Light.woff') format('woff'), url("RobotoCondensed-Light/RobotoCondensed-Light.woff2") format("woff2"),
url('RobotoCondensed-Light/RobotoCondensed-Light.ttf') format('truetype'); url("RobotoCondensed-Light/RobotoCondensed-Light.woff") format("woff"),
url("RobotoCondensed-Light/RobotoCondensed-Light.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: 'Roboto Condensed'; font-family: "Roboto Condensed";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: local('Roboto Condensed'), src:
local('RobotoCondensed-Regular'), local("Roboto Condensed"),
url('RobotoCondensed-Regular/RobotoCondensed-Regular.woff2') format('woff2'), local("RobotoCondensed-Regular"),
url('RobotoCondensed-Regular/RobotoCondensed-Regular.woff') format('woff'), url("RobotoCondensed-Regular/RobotoCondensed-Regular.woff2") format("woff2"),
url('RobotoCondensed-Regular/RobotoCondensed-Regular.ttf') format('truetype'); url("RobotoCondensed-Regular/RobotoCondensed-Regular.woff") format("woff"),
url("RobotoCondensed-Regular/RobotoCondensed-Regular.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: 'Roboto Condensed'; font-family: "Roboto Condensed";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
src: local('Roboto Condensed Bold'), src:
local('RobotoCondensed-Bold'), local("Roboto Condensed Bold"),
url('RobotoCondensed-Bold/RobotoCondensed-Bold.woff2') format('woff2'), local("RobotoCondensed-Bold"),
url('RobotoCondensed-Bold/RobotoCondensed-Bold.woff') format('woff'), url("RobotoCondensed-Bold/RobotoCondensed-Bold.woff2") format("woff2"),
url('RobotoCondensed-Bold/RobotoCondensed-Bold.ttf') format('truetype'); url("RobotoCondensed-Bold/RobotoCondensed-Bold.woff") format("woff"),
url("RobotoCondensed-Bold/RobotoCondensed-Bold.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: Roboto;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
src: local('Roboto'), src:
local('Roboto-Regular'), local("Roboto"),
url('Roboto-Regular/Roboto-Regular.woff2') format('woff2'), local("Roboto-Regular"),
url('Roboto-Regular/Roboto-Regular.woff') format('woff'), url("Roboto-Regular/Roboto-Regular.woff2") format("woff2"),
url('Roboto-Regular/Roboto-Regular.ttf') format('truetype'); url("Roboto-Regular/Roboto-Regular.woff") format("woff"),
url("Roboto-Regular/Roboto-Regular.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: Roboto;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
src: local('Roboto Medium'), src:
local('Roboto-Medium'), local("Roboto Medium"),
url('Roboto-Medium/Roboto-Medium.woff2') format('woff2'), local("Roboto-Medium"),
url('Roboto-Medium/Roboto-Medium.woff') format('woff'), url("Roboto-Medium/Roboto-Medium.woff2") format("woff2"),
url('Roboto-Medium/Roboto-Medium.ttf') format('truetype'); url("Roboto-Medium/Roboto-Medium.woff") format("woff"),
url("Roboto-Medium/Roboto-Medium.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: Roboto;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
src: local('Roboto Bold'), src:
local('Roboto-Bold'), local("Roboto Bold"),
url('Roboto-Bold/Roboto-Bold.woff2') format('woff2'), local("Roboto-Bold"),
url('Roboto-Bold/Roboto-Bold.woff') format('woff'), url("Roboto-Bold/Roboto-Bold.woff2") format("woff2"),
url('Roboto-Bold/Roboto-Bold.ttf') format('truetype'); url("Roboto-Bold/Roboto-Bold.woff") format("woff"),
url("Roboto-Bold/Roboto-Bold.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: 'Roboto'; font-family: Roboto;
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
src: local('Roboto Light'), src:
local('Roboto-Light'), local("Roboto Light"),
url('Roboto-Light/Roboto-Light.woff2') format('woff2'), local("Roboto-Light"),
url('Roboto-Light/Roboto-Light.woff') format('woff'), url("Roboto-Light/Roboto-Light.woff2") format("woff2"),
url('Roboto-Light/Roboto-Light.ttf') format('truetype'); url("Roboto-Light/Roboto-Light.woff") format("woff"),
url("Roboto-Light/Roboto-Light.ttf") format("truetype");
} }

1
install.sh
View File

@ -1,3 +1,4 @@
#!/usr/bin/env bash
# $$\ $$\ $$\ $$\ $$\ $$\ $$$$$$\ # $$\ $$\ $$\ $$\ $$\ $$\ $$$$$$\
# $$$\ $$$ | \__| $$$\ $$$ |\__| $$ __$$\ # $$$\ $$$ | \__| $$$\ $$$ |\__| $$ __$$\
# $$$$\ $$$$ | $$$$$$\ $$$$$$\ $$\ $$$$$$$\ $$$$\ $$$$ |$$\ $$$$$$\ $$$$$$\ $$$$$$\ $$$$$$\ \__/ $$ | # $$$$\ $$$$ | $$$$$$\ $$$$$$\ $$\ $$$$$$$\ $$$$\ $$$$ |$$\ $$$$$$\ $$$$$$\ $$$$$$\ $$$$$$\ \__/ $$ |

1731
modules/default/alert/ns-default.css
View File

File diff suppressed because it is too large Load Diff

13
modules/default/calendar/calendar.css
View File

@ -1,20 +1,19 @@
.calendar .symbol { .calendar .symbol {
padding-left: 0px; padding-left: 0;
padding-right: 10px; padding-right: 10px;
font-size: 80%; font-size: 80%;
} }
.calendar .symbol span { .calendar .symbol span {
display: inline-block; display: inline-block;
-ms-transform: translate(0, 2px); /* IE 9 */
-ms-transform: translate(0px,2px); /* IE 9 */ -webkit-transform: translate(0, 2px); /* Safari */
-webkit-transform: translate(0px,2px); /* Safari */ transform: translate(0, 2px);
transform: translate(0px,2px);
} }
.calendar .title { .calendar .title {
padding-left: 0px; padding-left: 0;
padding-right: 0px; padding-right: 0;
} }
.calendar .time { .calendar .time {

7
modules/default/currentweather/currentweather.css
View File

@ -2,8 +2,7 @@
font-size: 75%; font-size: 75%;
line-height: 65px; line-height: 65px;
display: inline-block; display: inline-block;
-ms-transform: translate(0, -3px); /* IE 9 */
-ms-transform: translate(0px,-3px); /* IE 9 */ -webkit-transform: translate(0, -3px); /* Safari */
-webkit-transform: translate(0px,-3px); /* Safari */ transform: translate(0, -3px);
transform: translate(0px,-3px);
} }

4
modules/default/weatherforecast/weatherforecast.css
View File

@ -1,5 +1,5 @@
.weatherforecast .day { .weatherforecast .day {
padding-left: 0px; padding-left: 0;
padding-right: 25px; padding-right: 25px;
} }
@ -10,5 +10,5 @@
.weatherforecast .min-temp { .weatherforecast .min-temp {
padding-left: 20px; padding-left: 20px;
padding-right: 0px; padding-right: 0;
} }

12
package.json Executable file → Normal file
View File

@ -27,14 +27,16 @@
"electron-prebuilt": "latest" "electron-prebuilt": "latest"
}, },
"dependencies": { "dependencies": {
"socket.io":"latest",
"express": "latest", "express": "latest",
"request":"latest",
"walk": "latest",
"feedme": "latest", "feedme": "latest",
"valid-url": "latest",
"ical": "latest", "ical": "latest",
"iconv-lite": "latest",
"moment": "latest", "moment": "latest",
"iconv-lite": "latest" "request": "latest",
"socket.io": "latest",
"stylelint": "^5.2.1",
"stylelint-config-standard": "^4.0.1",
"valid-url": "latest",
"walk": "latest"
} }
} }