Refactor CSS to BEM

Update dependencies Improve focus and hover states
2018-12-09 14:52:01 +00:00
parent e9f1f6e2fa
commit 6e62b55e60
34 changed files with 3934 additions and 2384 deletions
--- a/css/social.css
+++ b/css/social.css
@@ -1,11 +1,19 @@
-/** @define Social */
-
-.Social {
+.social {
  position: absolute;
-  right: var(--spaceSm);
-  top: var(--spaceSm);
+  right: var(--space-sm);
+  top: var(--space-sm);
 }

-.Social-link {
+.social__link {
  display: inline-block;
+  transition:
+    filter var(--transition-md) ease-out,
+    transform var(--transition-md) ease-out;
 }
+
+.social__link:focus,
+.social__link:hover {
+  filter: saturate(1.5) contrast(1.5);
+  transform: scale(1.2);
+}
+