fix(style): inline animation interpolation; readd lint:css to lint sc…

…ript

app/components/LoadingIndicator/Circle.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import styled, { css, keyframes } from 'styled-components';
+import styled, { keyframes } from 'styled-components';
 
 const circleFadeDelay = keyframes`
   0%,
@@ -14,10 +14,6 @@ const circleFadeDelay = keyframes`
   }
 `;
 
-const circleFadeDelayRule = css`
-  ${circleFadeDelay} 1.2s infinite ease-in-out both;
-`;
-
 const Circle = props => {
   const CirclePrimitive = styled.div`
     width: 100%;
@@ -38,7 +34,7 @@ const Circle = props => {
       height: 15%;
       background-color: #999;
       border-radius: 100%;
-      animation: ${circleFadeDelayRule};
+      animation: ${circleFadeDelay} 1.2s infinite ease-in-out both;
       ${props.delay &&
         `
         -webkit-animation-delay: ${props.delay}s;

package.json

@@ -31,7 +31,7 @@
     "clean": "shjs ./internals/scripts/clean.js",
     "clean:all": "npm run analyze:clean && npm run test:clean && npm run build:clean",
     "generate": "plop --plopfile internals/generators/index.js",
-    "lint": "npm run lint:js",
+    "lint": "npm run lint:js && npm run lint:css",
     "lint:css": "stylelint './app/**/*.js'",
     "lint:eslint": "eslint --ignore-path .gitignore --ignore-pattern internals/scripts",
     "lint:eslint:fix": "eslint --ignore-path .gitignore --ignore-pattern internals/scripts --fix",