kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 03:39:55 +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"
}

125
css/main.css
View File

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

104
fonts/roboto.css
View File

@ -1,87 +1,95 @@
@font-face {
font-family: 'Roboto';
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');
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-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');
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-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');
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-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');
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-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');
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-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');
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-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');
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-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');
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");
}

1
install.sh
View File

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

1769
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 {
padding-left: 0px;
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);
-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 {

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

@ -2,8 +2,7 @@
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);
-ms-transform: translate(0, -3px); /* IE 9 */
-webkit-transform: translate(0, -3px); /* Safari */
transform: translate(0, -3px);
}

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

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

14
package.json Executable file → Normal file
View File

@ -27,14 +27,16 @@
"electron-prebuilt": "latest"
},
"dependencies": {
"socket.io":"latest",
"express":"latest",
"request":"latest",
"walk": "latest",
"express": "latest",
"feedme": "latest",
"valid-url": "latest",
"ical": "latest",
"iconv-lite": "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"
}
}