Consistency with guides

Author: Ungeziefi

css/cards.css

@@ -53,6 +53,16 @@ textarea {
   margin-bottom: 0.5em;
 }
 
+textarea {
+  resize: none;
+  box-sizing: border-box;
+  width: 95%;
+}
+
+textarea.auto-resize {
+  overflow: hidden;
+}
+
 b.card-basic {
   padding: 0.3em 0.5em 0.3em 0.5em;
 }
@@ -162,4 +172,7 @@ img.chevron {
     display: inline-block;
     max-width: 100%;
   }
+  textarea {
+    width: 100%;
+  }
 }/*# sourceMappingURL=cards.css.map */

css/cards.css.map

@@ -49,6 +49,16 @@ textarea {
     margin-bottom: 0.5em;
 }
 
+textarea {
+    resize: none;
+    box-sizing: border-box;
+    width: 95%;
+}
+
+textarea.auto-resize {
+    overflow: hidden;
+}
+
 b.card-basic {
     padding: 0.3em 0.5em 0.3em 0.5em;
 }
@@ -161,4 +171,8 @@ img.chevron {
         display: inline-block;
         max-width: 100%;
     }
+
+    textarea {
+        width: 100%;
+    }
 }

css/cards.scss

@@ -1,5 +1,5 @@
 strong {
-  color: #E3B2DA;
+  color: #e3b2da;
 }
 
 body {
@@ -12,9 +12,9 @@ body {
 }
 
 .sidebar .active::before {
-  background-color: #E3B2DA !important;
+  background-color: #e3b2da !important;
 }
 
 textarea {
-  border-color: #E3B2DA !important;
+  border-color: #e3b2da !important;
 }/*# sourceMappingURL=guideColors.css.map */

css/guideColors.css

@@ -1,5 +1,5 @@
 strong {
-    color: #E3B2DA;
+    color: #e3b2da;
 }
 
 body {
@@ -12,9 +12,9 @@ body {
 }
 
 .sidebar .active::before {
-    background-color: #E3B2DA !important;
+    background-color: #e3b2da !important;
 }
 
 textarea {
-    border-color: #E3B2DA !important;
+    border-color: #e3b2da !important;
 }

css/guideColors.scss

@@ -27,6 +27,7 @@
   display: flex;
   border-radius: 6pt;
   transition: all 0.4s;
+  pointer-events: none;
 }
 
 .image-container:hover .resize-overlay,
@@ -82,6 +83,7 @@
 
 .logo-container {
   display: flex;
+  justify-content: space-between;
 }
 
 .logo-container img {

css/images.css

@@ -27,6 +27,7 @@
     display: flex;
     border-radius: 6pt;
     transition: all 0.4s;
+    pointer-events: none;
 }
 
 .image-container:hover .resize-overlay,
@@ -81,7 +82,8 @@
 }
 
 .logo-container {
-    display: flex;    
+    display: flex;
+    justify-content: space-between;
 }
 
 .logo-container img {

css/images.css.map

@@ -59,6 +59,20 @@ h3 {
   line-height: 1.25em;
 }
 
+#logoBig {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+#logoBig img {
+  width: 100%;
+  max-width: 220px;
+  margin: 0;
+  padding: 0;
+}
+
 .flex {
   display: flex;
 }
@@ -251,6 +265,9 @@ textarea {
   }
   .content {
     padding: 4px;
+    width: 100%;
+    min-width: 0;
+    overflow-x: hidden;
   }
   .width-90 {
     max-width: 100% !important;
@@ -264,4 +281,44 @@ textarea {
   .width-40 {
     max-width: 70% !important;
   }
+  #logoBig {
+    display: none;
+  }
+  .container {
+    min-width: 100%;
+    overflow-x: hidden;
+  }
+}
+@media only screen and (max-width: 470px) {
+  .container {
+    min-width: 100%;
+    overflow-x: hidden;
+  }
+  .content {
+    padding: 4px;
+    width: 100%;
+    min-width: 0;
+    margin-left: 0;
+    margin-right: 0;
+    overflow-x: hidden;
+  }
+  .card,
+  .card-red,
+  .card-yellow,
+  .card-green,
+  .image-slider {
+    max-width: 100%;
+    overflow-x: hidden;
+  }
+  .image-container,
+  .slider-container {
+    max-width: 100% !important;
+  }
+  .slider-img {
+    max-width: 100%;
+    height: auto;
+  }
+  textarea {
+    max-width: 95%;
+  }
 }/*# sourceMappingURL=styles.css.map */