Updated all component styles

new mixins, consolidated all original styles files uncomitted
2019-08-12 16:48:46 -04:00
parent 3d509c84a2
commit 47b43d78d9
45 changed files with 829 additions and 202 deletions
--- a/app/javascript/gabsocial/components/modal/embed_modal/embed_modal.scss
+++ b/app/javascript/gabsocial/components/modal/embed_modal/embed_modal.scss
@@ -1,12 +1,10 @@
 .embed-modal {
-  max-width: 80vw;
-  max-height: 80vh;
+  @include max-size(80vw, 80vh);

  h4 {
    padding: 30px;
-    font-weight: 500;
-    font-size: 16px;
-    text-align: center;
+
+    @include text-sizing(16px, 500, 1, center);
  }

  .embed-modal__container {
@@ -44,7 +42,7 @@
        background: lighten($ui-base-color, 4%);
      }

-      @media screen and (max-width: 600px) {
+      @include breakpoint(sm) {
        font-size: 16px;
      }
    }