removed child selector on links

WPMedia · Mar 30, 2020 · 43fce8c · 43fce8c
1 parent b82be84
commit 43fce8c
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/css/index.css b/css/index.css
@@ -1795,10 +1795,12 @@ h6, .h6-primary {
 a {
   transition: color 0.3s ease; }
   a:active, a:hover {
-    color: #4c4c4c; }
+    color: #7f7f7f; }
 
-a img:active, a img:hover, a video:active, a video:hover, a figure:active, a figure:hover, a picture:active, a picture:hover {
-  opacity: 0.7; }
+a img, a video, a figure, a picture {
+  transition: opacity 0.3s ease; }
+  a img:active, a img:hover, a video:active, a video:hover, a figure:active, a figure:hover, a picture:active, a picture:hover {
+    opacity: 0.7; }
 
 figcaption, figcaption p {
   color: #9A9A9A;

diff --git a/scss/_links.scss b/scss/_links.scss
@@ -7,11 +7,12 @@
 a {
   transition: color 0.3s ease;
   &:active, &:hover{
-    color: lighten($ui-primary-font-color, 20%);
+    color: lighten($ui-primary-font-color, 40%);
   }
 }
 
 a img, a video, a figure, a picture{
+  transition: opacity 0.3s ease;
   &:active, &:hover{
     opacity: 0.7;
   }

diff --git a/scss/_mixins.scss b/scss/_mixins.scss
@@ -23,8 +23,9 @@
 // Styleguide 9.1.0
 
 @mixin link-color-active-hover($color-prop:$ui-primary-font-color) {
+  transition: color 0.3s ease;
   &:active, &:hover{
-    color: lighten($color-prop, 20%);
+    color: lighten($color-prop, 40%);
   }
 }
 
@@ -36,6 +37,7 @@
 // Styleguide 9.1.0
 
 @mixin svg-color-active-hover($color-prop:$ui-primary-font-color) {
+  transition: fill 0.3s ease;
   &:active svg, &:hover svg{
     fill: lighten($color-prop, 20%);
   }

diff --git a/styleguide/item-9-1.html b/styleguide/item-9-1.html
@@ -109,7 +109,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <header class="kss-section kss-section--depth-2" id="kssref-9-1">
 
             <article class="kss-section__content">
-                <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>31</span></p>
+                <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>32</span></p>
 
               <a class="kss-section__permalink" href="#kssref-9-1">
                 <h2 class="kss-section__item kss-section__item--depth-2">

diff --git a/styleguide/section-9.html b/styleguide/section-9.html
@@ -162,7 +162,7 @@ <h2 class="kss-section__item kss-section__item--depth-2">
             <section class="kss-section kss-section--depth-2" id="kssref-9-1">
 
             <article class="kss-section__content">
-                <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>31</span></p>
+                <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>32</span></p>
 
               <a class="kss-section__permalink" href="#kssref-9-1">
                 <h2 class="kss-section__item kss-section__item--depth-2">