smaller icons

11 years ago · a26f618f89
2 changed files with 10 additions and 10 deletions
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@ -790,16 +790,16 @@ body {

 .benefit-icon {
  display: block;
-  width: 100px;
-  height: 100px;
+  width: 80px;
+  height: 80px;
  margin: 0 auto 40px;
  border: 1px solid #ddd;
-  border-radius: 50px;
+  border-radius: 40px;
 }
 .benefit-icon .icon {
  color: #14b9d6;
-  font-size: 50px;
-  line-height: 100px;
+  font-size: 32px;
+  line-height: 80px;
 }

 .benefit-heading {
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@ -188,16 +188,16 @@ body {
 }
 .benefit-icon {
  display: block;
-  width: 100px;
-  height: 100px;
+  width: 80px;
+  height: 80px;
  margin: 0 auto 40px;
  border: 1px solid #ddd;
-  border-radius: 50px;
+  border-radius: 40px;

  .icon {
    color: #14b9d6;
-    font-size: 50px;
-    line-height: 100px;
+    font-size: 32px;
+    line-height: 80px;
  }
 }
 .benefit-heading {