move keys that require !important to the && selector

...which glamor offers to increase specifity (ref. https://github.com/threepointone/glamor/blob/master/docs/selectors.md) via @fk review `src/components/blog-post-preview-item.js`
gatsbyjs · Jun 18, 2018 · c495ea7 · c495ea7
1 parent b9c097e
commit c495ea7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/www/src/components/blog-post-preview-item.js b/www/src/components/blog-post-preview-item.js
@@ -28,11 +28,11 @@ class BlogPostPreviewItem extends React.Component {
           <Link
             to={post.frontmatter.author.fields.slug}
             css={{
-              boxShadow: `none !important`,
-              borderBottom: `0 !important`,
               position: `relative`,
               zIndex: 1,
               "&&": {
+                boxShadow: `none !important`,
+                borderBottom: `0 !important`,
                 fontWeight: `normal`,
                 ":hover": {
                   background: `transparent`,
@@ -70,10 +70,10 @@ class BlogPostPreviewItem extends React.Component {
               <Link
                 to={post.frontmatter.author.fields.slug}
                 css={{
-                  color: `${colors.gatsby} !important`,
                   position: `relative`,
                   zIndex: 1,
                   "&&": {
+                    color: `${colors.gatsby} !important`,
                     fontWeight: `normal`,
                     ":hover": {
                       background: colors.ui.bright,