Increase "Get involved" icon sizes on mobile

phpcommunity · Jul 7, 2017 · 61b2ee3 · 61b2ee3
1 parent d544e4c
commit 61b2ee3
Showing 1 changed file with 12 additions and 18 deletions.
diff --git a/docs/_sass/components/_features.scss b/docs/_sass/components/_features.scss
@@ -126,29 +126,23 @@
                 @include vendor('align-items', 'flex-start');
 
                 .icon {
-                    height: 6em;
-                    line-height: 6em;
-                    margin: 0 0 (_size(element-margin) * 0.75) 0;
-                    width: 6em;
+                    height: 7em;
+                    line-height: 7em;
+                    margin: 1.5em 0 (_size(element-margin) * 0.5) 0;
+                    width: 7em;
 
-                    &:before {
-                        font-size: 1.5rem;
+                    &:first-child {
+                        margin-top: 0;
                     }
 
-                    &:after {
-                        height: 4em;
-                        margin: -2em 0 0 -2em;
-                        width: 4em;
+                    &:before {
+                        font-size: 2.5rem;
                     }
-                }
-            }
-        }
 
-        @include breakpoint(xsmall) {
-            article {
-                .icon {
-                    &:before {
-                        font-size: 1.25rem;
+                    &:after {
+                        height: 4.5em;
+                        margin: -2.25em 0 0 -2.25em;
+                        width: 4.5em;
                     }
                 }
             }