initial commit

packages/coo_site_package/Resources/Public/Scss/Theme/_variables.scss

@@ -0,0 +1,104 @@
+//
+// Variables
+//
+
+/* ===== Variables =====*/
+
+
+
+
+//
+// Color system
+// --------------------------------------------------
+$white:                             #ffffff !default;
+$gray-100:                          #f8f8f8 !default;
+$gray-200:                          #e9e9e9 !default;
+$gray-300:                          #dedede !default;
+$gray-400:                          #cecece !default;
+$gray-500:                          #ababab !default;
+$gray-600:                          #6c6c6c !default;
+$gray-700:                          #494949 !default;
+$gray-800:                          #313131 !default;
+$gray-900:                          #212121 !default;
+$black:                             #000000 !default;
+
+$primary:                           #E89AC5 !default;
+$secondary:                         #514553 !default;
+$tertiary:                          #758c7f !default;
+$quaternary:                        #2d1e2f !default;
+
+$default:                           #eaebec !default;
+$success:                           #3a833a !default;
+$info:                              #287f9a !default;
+$warning:                           #a4660e !default;
+$danger:                            #d4403a !default;
+$lighter:                           $gray-100 !default;
+$light:                             $gray-200 !default;
+$dark:                              $gray-800 !default;
+$darker:                            $gray-900 !default;
+
+$theme-colors: (
+    'primary':                      $primary,
+    'secondary':                    $secondary,
+    'tertiary':                     $tertiary,
+    'quaternary':                   $quaternary,
+    'success':                      $success,
+    'info':                         $info,
+    'warning':                      $warning,
+    'danger':                       $danger,
+    'default':                      $default,
+    'lighter':                      $lighter,
+    'light':                        $light,
+    'dark':                         $dark,
+    'darker':                       $darker,
+) !default;
+
+$body-bg:                           $white !default;
+$body-color:                        $gray-900 !default;
+//$body-color: #505050;
+
+//
+// Options
+// --------------------------------------------------
+$enable-shadows:                    true !default;
+$enable-negative-margins:           true !default;
+$enable-responsive-font-sizes:      true !default;
+
+//
+// Fonts
+// --------------------------------------------------
+$font-size-base:                    1rem !default;
+$h1-font-size:                      $font-size-base * 2 !default;
+$h2-font-size:                      $font-size-base * 1.75 !default;
+$h3-font-size:                      $font-size-base * 1.5 !default;
+$h4-font-size:                      $font-size-base * 1.25 !default;
+$h5-font-size:                      $font-size-base * 1 !default;
+$h6-font-size:                      $font-size-base * .85 !default;
+
+$headings-font-weight:              300 !default;
+
+$display-font-sizes: (
+    1: $h1-font-size * 1.5,
+    2: $h2-font-size * 1.5,
+    3: $h3-font-size * 1.5,
+    4: $h4-font-size * 1.5,
+    5: $h5-font-size * 1.5,
+    6: $h6-font-size * 1.5
+) !default;
+
+
+
+
+
+
+
+
+
+
+
+/*General Colors*/
+// $green: #94BA65;
+// $blue: #2790B0;
+// $orange: #D26C22;
+// $red: #E35E54;
+// $pink: #E89AC5;

packages/coo_site_package/Resources/Public/Scss/Theme/layout.scss

@@ -0,0 +1,118 @@
+/* ===== Variables =====*/
+$font-family-sans-serif: 'Roboto', sans-serif;
+
+
+/* ===== Typography ===== */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  font-family: 'Oswald', sans-serif;
+}
+
+/* ===== global styles ===== */
+.inline-block {
+  display:inline-block;
+}
+
+
+
+body {
+  background-image: url("../../Images/waschbeton-sw.jpg");
+}
+
+.maincontent-wrap {
+  background-color: #fff;
+  border-radius: 4px;
+  padding: 15px;
+}
+
+.content-column {
+  min-height: 60vh;
+  background-color: white;
+}
+
+#areaFeature {
+  margin: 0px;
+  padding: 0px;
+  font-size: 12px;
+}
+
+#page-header {
+    border-bottom: 0 solid #eeeeee;
+    margin: 40px 0 0 0;
+    padding: 0px;
+}
+
+.navbar-mainnavigation .navbar-brand {
+    margin: auto;
+}
+
+.navbar-mainnavigation .nav-item {
+    padding: 30px 10px;
+}
+
+.breadcrumb-section {
+    background-color: transparent;
+}
+
+.frame-type-subnavigation {
+    background-color: #f5f5f5;
+}
+
+.footer-section-content {
+    background: #353432;
+    --frame-color: #ecf0f1;
+
+  }
+
+  .footer-section-meta {
+    background: #353432;
+    --frame-color: #ecf0f1;
+
+  }
+
+.bp-page-footer {
+  .gallery-row {
+    flex-wrap: nowrap;
+  }
+}
+
+.navbar-mainnavigation .nav-item {
+  padding: 0;
+}
+
+.navbar-mainnavigation .nav-link {
+  padding: 30px 20px;
+}
+
+.navbar-mainnavigation .nav-link.active {
+  background-color: #e89ac5;
+}
+
+.navbar-mainnavigation {
+.dropdown-menu {
+  padding: 10px 0;
+  .nav-link {
+    padding: 10px 20px;
+  }
+}
+}
+
+
+
+
+
+#c147 {
+  margin-left: 60px;
+}
+

packages/coo_site_package/Resources/Public/Scss/Theme/theme.scss

@@ -0,0 +1,12 @@
+//
+// Variables
+//
+@import "variables";
+
+//
+// Import needed Bootstrap Package Files
+//
+@import "EXT:bootstrap_package/Resources/Public/Scss/bootstrap5/theme";
+
+
+@import "layout";