Update

3 files changed, 5 insertions, 9 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 37d4b0e..f444daf 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -50,7 +50,8 @@
             color:           currentColor;
             text-decoration: none;
 
-            &:hover {
+            &:hover,
+            &:focus {
                 transform:        translateY(#{prop(--dims --hover-offset)});
                 background-color: prop(--colors --hover --bg);
                 color:            prop(--colors --hover --fg);
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index cf02d04..4e809a4 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -8,10 +8,10 @@
 
     @include component(namespace()) {
         display:         flex;
+        position:        relative;
         align-items:     center;
         justify-content: space-between;
         height:          prop(--dims --outer, $global: true);
-        font-size:       1 / 16 * 15em;
 
         @include element('content') {
             width:        100%;
diff --git a/assets/css/components/_project.scss b/assets/css/components/_project.scss
index 580e70b..3df48d2 100644
--- a/assets/css/components/_project.scss
+++ b/assets/css/components/_project.scss
@@ -22,7 +22,8 @@
             color:           currentColor;
             text-decoration: none;
 
-            &:hover {
+            &:hover,
+            &:focus {
                 @include element('picture') {
                     opacity: .75;
                     filter:  blur(0);
@@ -64,11 +65,5 @@
             max-width:  calc(100% - 2em);
             box-shadow: 0 .8em 2.5em rgba(#000, .25);
         }
-
-        @include media('<=sm') {
-            @include element('picture') {
-                mask-image: iro-easing-gradient(linear, to top, rgba(#000, .75) 2em, ease, #000 17em);
-            }
-        }
     }
 }