scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-22 15:17:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add a Sass linter

Browse source
This commit is contained in:
Ray Schamp 2015-09-21 13:27:21 -04:00
parent e16279d305
commit c3bc59fee2
10 changed files with 58 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
.sass-lint.yml Normal file
View file

@ -0,0 +1,15 @@
rules:
final-newline: 2
indentation:
- 2
-
size: 4
property-sort-order:
- 1
-
order: concentric
quotes:
- 2
-
style: double
no-css-comments: 0

4
Makefile
View file

@ -1,4 +1,5 @@
ESLINT=./node_modules/.bin/eslint
SASSLINT=./node_modules/.bin/sass-lint -v
NODE=node
WATCH=./node_modules/.bin/watch
WEBPACK=./node_modules/.bin/webpack
@ -52,6 +53,9 @@ lint:
$(ESLINT) ./src/mixins/*.jsx
$(ESLINT) ./src/views/**/*.jsx
$(ESLINT) ./src/components/**/*.jsx
$(SASSLINT) ./src/*.scss
$(SASSLINT) ./src/views/**/*.scss
$(SASSLINT) ./src/components/**/*.scss
# ------------------------------------

1
package.json
View file

@ -43,6 +43,7 @@
"react-onclickoutside": "0.3.1",
"react-slick": "0.7.0",
"routes-to-nginx-conf": "0.0.4",
"sass-lint": "1.2.0",
"sass-loader": "2.0.1",
"slick-carousel": "1.5.8",
"style-loader": "0.12.3",

2
src/components/avatar/avatar.scss
View file

@ -1,3 +1,3 @@
.avatar {
border: 1px solid #ccc;
}
}

2
src/components/forms/button.scss
View file

@ -24,4 +24,4 @@
&:active {
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25);
}
}
}

1
src/components/forms/input.scss
View file

@ -25,4 +25,3 @@
background-color: #eafdea;
}
}

2
src/components/login/login.scss
View file

@ -17,4 +17,4 @@
a:hover {
background-color: transparent !important;
}
}
}

40
src/components/modal/modal.scss
View file

@ -1,30 +1,30 @@
/* Copied from the un-styleable react-modal */
.ReactModal__Overlay {
background-color: rgba(0, 0, 0, 0.75);
z-index: 100;
background-color: rgba(0, 0, 0, 0.75);
z-index: 100;
}
.ReactModal__Content {
position: absolute;
top: 40px;
left: 40px;
right: 40px;
bottom: 40px;
background: #fff;
overflow: visible;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
outline: none;
padding: 20px;
position: absolute;
top: 40px;
left: 40px;
right: 40px;
bottom: 40px;
background: #fff;
overflow: visible;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
outline: none;
padding: 20px;
}
@media (max-width: 768px) {
.ReactModal__Content {
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
padding: 10px;
}
.ReactModal__Content {
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
padding: 10px;
}
}
.modal-close {

8
src/components/navigation/dropdown.scss
View file

@ -1,4 +1,4 @@
@import 'colors';
@import "colors";
.dropdown {
position: absolute;
@ -49,8 +49,8 @@
padding: 0 10px;
&:hover {
background-color: $active-background-color;
text-decoration: none;
background-color: $active-background-color;
text-decoration: none;
}
}
}
@ -68,7 +68,7 @@
height: $arrow-border-width;
width: $arrow-border-width;
content: '';
content: "";
transform: rotate(45deg);
background-color: $base-background-color;

22
src/components/navigation/navigation.scss
View file

@ -1,4 +1,4 @@
@import 'colors';
@import "colors";
#navigation {
position: fixed;
@ -40,15 +40,15 @@
margin: 0px 6px 0 0;
border: none;
background-image: url('/images/logo_sm.png');
background-image: url("/images/logo_sm.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 95%;
transition: .15s ease all;
&:hover {
background-size: 100%;
transition: .15s ease all;
background-size: 100%;
transition: .15s ease all;
}
}
}
@ -97,7 +97,7 @@
background-color: transparent;
background-image: url('/images/nav-search-glass.png');
background-image: url("/images/nav-search-glass.png");
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center center;
@ -162,13 +162,13 @@
.messages {
> a {
background-image: url('/images/nav-notifications.png');
background-image: url("/images/nav-notifications.png");
}
}
.mystuff {
> a {
background-image: url('/images/mystuff.png');
background-image: url("/images/mystuff.png");
}
}
@ -178,9 +178,9 @@
.account-nav {
.userInfo {
padding-top: 11px;
padding-bottom: 6px;
}
padding-top: 11px;
padding-bottom: 6px;
}
> a {
font-weight: normal;
@ -201,7 +201,7 @@
display: inline-block;
vertical-align: middle;
background-image: url('/images/dropdown.png');
background-image: url("/images/dropdown.png");
background-size: 50%;
background-repeat: no-repeat;
background-position: center center;