Increase font-size on register form and globally to 16px

README.md

@@ -20,5 +20,10 @@ This plugin was made for the eTail conference to show a Shopware w/ special them
    ```
    > EtailConferenceTheme
 3. On administration area some setting you have to set
-   1. **Disable reviews** (The docs are [here](https://docs.shopware.com/en/shopware-6-en/catalogues/reviews#disable-reviews).) - `Admin | Settings | Shop | Products | Show reviews`
+   1. **Disable reviews** (The docs are [here](https://docs.shopware.com/en/shopware-6-en/catalogues/reviews#disable-reviews).)
+      `Admin | Settings | Shop | Products | Show reviews`
       > False
+   2. **Change the logo** Change the `sw-logo-desktop`, `sw-logo-tablet` & `sw-logo-mobile` logo to `@EtailConferenceTheme/src/Resources/app/storefront/src/assets/sw-logo-blue.svg` on the admin area: 
+     `Admin | Storefront | "Theme" tab | "Edit theme" button | "media" block` 
+   3. **Upload gallery images** Upload the product images in the admin area
+     `Admin | Catalogues | Products`

src/Resources/app/storefront/src/scss/base.scss

@@ -6,10 +6,10 @@
 
 body {
   position: relative;
-  font-family: 'Brandon Text', sans-serif;
+  font-family: "Brandon Text", sans-serif;
 
   &.shopware-bg {
-    background: url('/bundles/etailconferencetheme/assets/bg-curvy-outbg.png') no-repeat top right;
+    background: url("/bundles/etailconferencetheme/assets/bg-curvy-outbg.png") no-repeat top right;
   }
 }
 
@@ -117,7 +117,7 @@ header {
   }
 
   h1 {
-    font: bold 4em 'Brandon Text', sans-serif;
+    font: bold 4em "Brandon Text", sans-serif;
     line-height: 1em;
     color: #1674b7;
 
@@ -127,7 +127,7 @@ header {
   }
 
   h2 {
-    font: bold 2em 'Brandon Text', sans-serif;
+    font: bold 2em "Brandon Text", sans-serif;
     line-height: 1em;
     color: #7d7d7d;
 
@@ -257,7 +257,7 @@ header {
     background: #fff;
     border: 0;
 
-    box-shadow: 0 0 10px rgba(13, 85, 96, .15);
+    box-shadow: 0 0 10px rgba(13, 85, 96, 0.15);
     border-radius: 0 20px 20px 20px;
 
     .card-body {
@@ -292,7 +292,7 @@ header {
 
         border-radius: 50%;
         animation-name: bounce-shadow;
-        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
+        animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
         animation-duration: 3s;
         animation-play-state: paused;
         box-shadow: 0 3.125rem 1.5rem rgba(0, 0, 0, 0.24);
@@ -300,7 +300,7 @@ header {
 
       .product-image-link {
         animation-name: bounce;
-        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
+        animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
         animation-duration: 3s;
         animation-play-state: paused;
         transform-origin: bottom;
@@ -365,13 +365,13 @@ header {
     transform: scale(1, 1) translateY(0);
   }
   10% {
-    transform: scale(1.1, .9) translateY(0);
+    transform: scale(1.1, 0.9) translateY(0);
   }
   30% {
-    transform: scale(.9, 1.1) translateY(-20px);
+    transform: scale(0.9, 1.1) translateY(-20px);
   }
   50% {
-    transform: scale(1.05, .95) translateY(0);
+    transform: scale(1.05, 0.95) translateY(0);
   }
   57% {
     transform: scale(1, 1) translateY(-3px);
@@ -432,12 +432,11 @@ header {
 
   h1,
   h2 {
-    font-family: 'Brandon Text', sans-serif;
+    font-family: "Brandon Text", sans-serif;
     font-weight: bold;
   }
 }
 
-
 /** buttons */
 .header-minimal-back-to-shop-button {
   color: #179eff;
@@ -473,12 +472,12 @@ header {
   margin-bottom: 5em;
 
   .pagination {
-    background: #189EFF;
+    background: #189eff;
     display: flex;
     align-items: center;
     justify-content: center;
     //border: 3px solid #fff;
-    padding: .5em;
+    padding: 0.5em;
 
     overflow: hidden;
 
@@ -506,7 +505,7 @@ header {
       border: 0;
       min-width: 3em;
       min-height: 1.5em;
-      font-family: 'Brandon Text', sans-serif;
+      font-family: "Brandon Text", sans-serif;
       font-weight: bold;
       font-size: 18px;
       text-align: center;
@@ -543,7 +542,7 @@ header {
   padding: 3em;
 
   h1 {
-    font: bold 1.5em 'Brandon Text', sans-serif;
+    font: bold 1.5em "Brandon Text", sans-serif;
     color: #fff;
   }
 
@@ -556,3 +555,13 @@ header {
     box-shadow: inset 0 0 2px #fff;
   }
 }
+
+.register-form {
+  font-size: 16px;
+}
+
+.custom-control-label::before,
+.custom-control-label::after {
+  width: 1.2rem;
+  height: 1.2rem;
+}

src/Resources/app/storefront/src/scss/overrides.scss

@@ -5,4 +5,6 @@ This file is used to override default SCSS variables from the Shopware Storefron
 
 Because of the !default flags, theme variable overrides have to be declared beforehand.
 https://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults
-*/
+*/
+
+$input-font-size: 16px;

src/Resources/views/storefront/base.html.twig

@@ -52,7 +52,7 @@
     {% endif %}
 
     <div id="shopware-overlay" class="shopware-overlay">
-        <img src="{{ asset('/bundles/etailconferencetheme/assets/shopare-logo-only.png') }}" alt="Shopware logo | only">
+        <img src="{{ asset('/bundles/etailconferencetheme/assets/sw-logo-only.png') }}" alt="Shopware logo | only">
     </div>
 
     {{ parent() }}
@@ -79,11 +79,7 @@
 {% endblock %}
 
 {% block base_body_classes %}
-    {{ parent() }}
-
-    {% if activeRoute == 'frontend.home.page' %}
-        shopware-bg
-    {% endif %}
+    {{parent()}} {% if activeRoute == 'frontend.home.page' %}shopware-bg{% endif %}
 {% endblock %}
 
 {% block base_breadcrumb %}{% endblock %}