pwb 1.2.0 → 1.3.0

data/app/assets/stylesheets/pwb/themes/default.scss

@@ -41,6 +41,7 @@ https://github.com/bokmann/font-awesome-rails*/
 @import "shared/social";
 @import "shared/gmap";
 @import "shared/search_box";
+@import "shared/liquid_templates";
 @import "shared/shame";
 
 /*@import "default/flags";*/

data/app/assets/stylesheets/pwb/themes/default/carousel.scss

@@ -3,7 +3,7 @@
 
 .carousel-1 {
   overflow: hidden;
-  margin-bottom: 20px
+  /*margin-bottom: 20px*/
 }
 
 .carousel-1.carousel-fixed-height .carousel-inner {
@@ -127,6 +127,7 @@
   }
   .carousel-content {
     padding: 50px 40px;
+    font-size: xx-large;
   }
   .shade {
     background: gray;

data/app/assets/stylesheets/pwb/themes/default/landing_content_areas.scss

@@ -10,14 +10,14 @@
   background: #fcfcfc;
 }
 
-.services-section .container .services-wrapper {
+.services-section .bst-container .services-wrapper {
   margin-top: 45px;
   /*  float: left;
   width: 100%;
 */
 }
 
-.services-section .container .services-wrapper .single-service {
+.services-section .bst-container .services-wrapper .single-service {
   width: 100% !important;
   /* having to use above to override col-md-4 which I foolishly
   include in db content - impossible to add margin between cols the 
@@ -38,7 +38,7 @@
   -webkit-transition: all 300ms ease-in-out;
 }
 
-.services-section .container .services-wrapper .single-service h4 {
+.services-section .bst-container .services-wrapper .single-service h4 {
   font-size: 20px;
   font-weight: 500;
   margin-top: 30px;
@@ -48,14 +48,14 @@
   -webkit-transition: all 300ms ease-in-out;
 }
 
-.services-section .container .services-wrapper .single-service p {
+.services-section .bst-container .services-wrapper .single-service p {
   font-size: 15px;
   font-weight: 400;
   /*  color:#bababa;
 */
 }
 
-.services-section .container .services-wrapper .single-service .icon-service {
+.services-section .bst-container .services-wrapper .single-service .icon-service {
   color: #B2B2B2;
   font-size: 45px;
   border: 1px solid #B2B2B2;
@@ -70,7 +70,7 @@
   -webkit-transition: all 300ms ease-in-out;
 }
 
-.services-section .container .services-wrapper .single-service .bordered {
+.services-section .bst-container .services-wrapper .single-service .bordered {
   /*border: 2px solid #0095e6;*/
   width: 25%;
   margin: 13px auto -4px;
@@ -80,7 +80,7 @@
   -webkit-transition: all 300ms ease-in-out;
 }
 
-.services-section .container .services-wrapper .single-service .top-bordered {
+.services-section .bst-container .services-wrapper .single-service .top-bordered {
   margin: 0 auto;
   opacity: 0;
   transition: all 300ms ease-in-out;
@@ -90,32 +90,32 @@
 }
 
 
-/*.services-section .container .services-wrapper .single-service .icon-service {
+/*.services-section .bst-container .services-wrapper .single-service .icon-service {
   color: #0095e6;
   border-color: #0095e6;
 }
 */
 
 
-/*.services-section .container .services-wrapper .single-service:hover h4 {
+/*.services-section .bst-container .services-wrapper .single-service:hover h4 {
   color: #0095e6;
 }
 */
 
-.services-section .container .services-wrapper .single-service:hover .top-bordered {
+.services-section .bst-container .services-wrapper .single-service:hover .top-bordered {
   opacity: 1;
 }
 
-.services-section .container .services-wrapper .single-service p {
+.services-section .bst-container .services-wrapper .single-service p {
   text-align: left;
   padding: 2%;
 }
 
-.services-section .container .services-wrapper .single-service h4 {
+.services-section .bst-container .services-wrapper .single-service h4 {
   text-align: center;
 }
 
-.services-section .container .services-wrapper .single-service .icon-service {
+.services-section .bst-container .services-wrapper .single-service .icon-service {
   text-align: center;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;

data/app/assets/stylesheets/pwb/themes/default/shame.scss

@@ -1,16 +1,3 @@
-
-
-/*
-.table {
-    display: table
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0
-}
-*/
-
-
 /*below needed for property details table*/
 
 .no-border {
@@ -426,9 +413,6 @@ a:hover {
   border-right: 1px solid $base-border-color;
 }
 
-.about-us-img {
-  width: 100%;
-}
 
 .full-screen-container {
   /* /app/views/devise/registrations/avatar.html.erb*/

data/app/assets/stylesheets/pwb/themes/matt.scss

@@ -0,0 +1,18 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ */
+
+@import "default/language_switcher";
+
+
+/*@import '../../src/core/stylesheets/variables.scss';*/

data/app/assets/stylesheets/pwb/themes/shared/liquid_templates.scss

@@ -0,0 +1,37 @@
+/*reapply .container styles for bootstrap to .bst-container
+- renamed because .container can cause conflicts with other themes */
+.bst-container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+@media (min-width: 768px) {
+  .bst-container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .bst-container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .bst-container {
+    width: 1170px;
+  }
+}
+
+
+/*for section defined in liquid template*/
+.content-html-section {
+  padding-top: 40px;
+  padding-bottom: 40px;  
+}
+.about-us-img {
+  width: 100%;
+}
+.our-agency-section {
+  padding-bottom: 100px;
+  padding-top: 40px;
+}

data/app/assets/stylesheets/pwb/themes/shared/shame.scss

@@ -1,3 +1,10 @@
+.m-b-25 {
+  margin-bottom: 25px;
+}
+.m-t-25 {
+  margin-top: 25px;
+}
+
 .center {
   text-align: center;
 }

data/app/assets/stylesheets/pwb/themes/squares.scss

@@ -0,0 +1,22 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ */
+
+@import "vue-material-0.7.4";
+
+
+@import "squares/vue-material-vars";
+@import "squares/vue-material-docs";
+
+
+/*@import '../../src/core/stylesheets/variables.scss';*/

data/app/assets/stylesheets/pwb/themes/squares/vue-material-docs.scss

@@ -0,0 +1,200 @@
+/*https://github.com/vuematerial/vue-material/blob/master/docs/src/App.vue*/
+$sizebar-size: 280px;
+[v-cloak] {
+  display: none;
+}
+
+html,
+body {
+  height: 100%;
+  overflow: hidden;
+}
+
+body {
+  display: flex;
+}
+
+.container {
+  min-height: 100%;
+  display: flex;
+  flex-flow: column nowrap;
+  flex: 1;
+  transition: $swift-ease-out;
+  @media (min-width: 1281px) {
+    padding-left: $sizebar-size;
+  }
+}
+
+.main-sidebar.md-sidenav {
+  .md-sidenav-content {
+    width: $sizebar-size;
+    display: flex;
+    flex-flow: column;
+    overflow: hidden;
+    @media (min-width: 1281px) {
+      top: 0;
+      pointer-events: auto;
+      transform: translate3d(0, 0, 0) !important;
+      box-shadow: $material-shadow-2dp;
+    }
+  }
+  .md-backdrop {
+    @media (min-width: 1281px) {
+      opacity: 0;
+      pointer-events: none;
+    }
+  }
+  .md-toolbar {
+    min-height: 172px;
+    border-bottom: 1px solid rgba(#000, .12);
+  }
+  .vue-material-logo {
+    font-size: 24px;
+    a {
+      width: 100%;
+      display: flex;
+      flex-flow: column;
+      justify-content: center;
+      align-items: center;
+      color: inherit;
+      text-decoration: none;
+      &:hover {
+        color: inherit;
+        text-decoration: none;
+      }
+    }
+    img {
+      width: 160px;
+      margin-bottom: 16px;
+    }
+  }
+  .main-sidebar-links {
+    overflow: auto;
+    flex: 1;
+    .md-inset .md-list-item-container {
+      padding-left: 36px;
+    }
+    .md-list-item-container {
+      font-size: 14px;
+      font-weight: 500;
+    }
+  }
+  .release-version {
+    padding: 8px 8px 8px 16px;
+    border-top: 1px solid rgba(#000, .12);
+    display: none;
+    @media (max-width: 480px) {
+      display: block;
+    }
+    >div {
+      justify-content: center;
+    }
+    .md-select:after {
+      color: rgba(#000, .87);
+    }
+  }
+}
+
+.main-content {
+  padding: 16px;
+  flex: 1;
+  overflow: auto;
+  background-color: #fff;
+  transform: translate3D(0, 0, 0);
+  transition: $swift-ease-out;
+  transition-delay: .2s;
+}
+
+.md-router-enter,
+.md-router-leave {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  @media (min-width: 1281px) {
+    left: $sizebar-size;
+  }
+  .main-content {
+    opacity: 0;
+    overflow: hidden;
+  }
+}
+
+.md-router-leave {
+  z-index: 1;
+  transition: $swift-ease-in;
+  transition-duration: .25s;
+}
+
+.md-router-enter {
+  z-index: 2;
+  transition: $swift-ease-out;
+  .main-content {
+    transform: translate3D(0, 10%, 0);
+  }
+}
+
+code {
+  &:not(.hljs) {
+    margin-left: 1px;
+    margin-right: 1px;
+    padding: 0 4px;
+    display: inline-block;
+    border-radius: 2px;
+    font-family: "Operator Mono", "Fira Code", Menlo, Hack, "Roboto Mono", "Liberation Mono", Monaco, monospace;
+    pre {
+      margin: 8px 0;
+    }
+  }
+}
+
+.phone-viewport {
+  width: 360px;
+  height: 540px;
+  margin-right: 16px;
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  background-color: #fff;
+  border: 1px solid rgba(#000, .12);
+}
+
+.api-table tr>td:first-child {
+  white-space: nowrap;
+}
+
+
+/*for page-content component */
+
+.page-content {
+  min-height: 100%;
+  max-height: 100%;
+  flex: 1;
+  display: flex;
+  flex-flow: column
+}
+
+.main-header {
+  z-index: 2;
+  color: #fff !important;
+}
+
+.nav-trigger {
+  @media (min-width: 1281px) {
+    display: none;
+  }
+}
+
+.md-title {
+  flex: 1;
+
+  @media (min-width: 1281px) {
+    margin-left: 8px;
+  }
+}
+
+.github {
+  @media (max-width: 480px) {
+    display: none;
+  }
+}

data/app/assets/stylesheets/pwb/themes/squares/vue-material-vars.scss

@@ -0,0 +1,141 @@
+/* Common */
+
+$font-roboto: Roboto, 'Noto Sans', Noto, sans-serif;
+
+
+/* Responsive Breakpoints */
+
+$breakpoint-xsmall: 600px !default;
+$breakpoint-small: 960px !default;
+$breakpoint-medium: 1280px !default;
+$breakpoint-large: 1920px !default;
+
+
+/* Transitions - Based on Angular Material */
+
+$swift-ease-out-duration: .4s !default;
+$swift-ease-out-timing-function: cubic-bezier(.25, .8, .25, 1) !default;
+$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;
+
+$swift-ease-in-duration: .3s !default;
+$swift-ease-in-timing-function: cubic-bezier(.55, 0, .55, .2) !default;
+$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;
+
+$swift-ease-in-out-duration: .5s !default;
+$swift-ease-in-out-timing-function: cubic-bezier(.35, 0, .25, 1) !default;
+$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;
+
+$swift-linear-duration: .15s !default;
+$swift-linear-timing-function: linear !default;
+$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;
+
+$material-enter-duration: .3s;
+$material-enter-timing-function: cubic-bezier(.0, .0, .2, 1);
+$material-enter: all $material-enter-duration $material-enter-timing-function;
+
+$material-leave-duration: .3s;
+$material-leave-timing-function: cubic-bezier(.4, .0, 1, 1);
+$material-leave: all $material-leave-duration $material-leave-timing-function;
+
+
+/* Elevation - Based on Angular Material */
+
+$shadow-key-umbra-opacity: .2 !default;
+$shadow-key-penumbra-opacity: .14 !default;
+$shadow-ambient-shadow-opacity: .12 !default;
+
+$material-shadow-1dp: 0 1px 3px rgba(#000, $shadow-key-umbra-opacity),
+                      0 1px 1px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 2px 1px -1px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-2dp: 0 1px 5px rgba(#000, $shadow-key-umbra-opacity),
+                      0 2px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 3px 1px -2px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-3dp: 0 1px 8px rgba(#000, $shadow-key-umbra-opacity),
+                      0 3px 4px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 3px 3px -2px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-4dp: 0 2px 4px -1px rgba(#000, $shadow-key-umbra-opacity),
+                      0 4px 5px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 1px 10px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-5dp: 0 3px 5px -1px rgba(#000, $shadow-key-umbra-opacity),
+                      0 5px 8px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 1px 14px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-6dp: 0 3px 5px -1px rgba(#000, $shadow-key-umbra-opacity),
+                      0 6px 10px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 1px 18px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-7dp: 0 4px 5px -2px rgba(#000, $shadow-key-umbra-opacity),
+                      0 7px 10px 1px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 2px 16px 1px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-8dp: 0 5px 5px -3px rgba(#000, $shadow-key-umbra-opacity),
+                      0 8px 10px 1px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 3px 14px 2px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-9dp: 0 5px 6px -3px rgba(#000, $shadow-key-umbra-opacity),
+                      0 9px 12px 1px rgba(#000, $shadow-key-penumbra-opacity),
+                      0 3px 16px 2px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-10dp: 0 6px 6px -3px rgba(#000, $shadow-key-umbra-opacity),
+                       0 10px 14px 1px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 4px 18px 3px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-11dp: 0 6px 7px -4px rgba(#000, $shadow-key-umbra-opacity),
+                       0 11px 15px 1px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 4px 20px 3px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-12dp: 0 7px 8px -4px rgba(#000, $shadow-key-umbra-opacity),
+                       0 12px 17px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 5px 22px 4px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-13dp: 0 7px 8px -4px rgba(#000, $shadow-key-umbra-opacity),
+                       0 13px 19px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 5px 24px 4px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-14dp: 0 7px 9px -4px rgba(#000, $shadow-key-umbra-opacity),
+                       0 14px 21px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 5px 26px 4px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-15dp: 0 8px 9px -5px rgba(#000, $shadow-key-umbra-opacity),
+                       0 15px 22px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 6px 28px 5px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-16dp: 0 8px 10px -5px rgba(#000, $shadow-key-umbra-opacity),
+                       0 16px 24px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 6px 30px 5px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-17dp: 0 8px 11px -5px rgba(#000, $shadow-key-umbra-opacity),
+                       0 17px 26px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 6px 32px 5px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-18dp: 0 9px 11px -5px rgba(#000, $shadow-key-umbra-opacity),
+                       0 18px 28px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 7px 34px 6px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-19dp: 0 9px 12px -6px rgba(#000, $shadow-key-umbra-opacity),
+                       0 19px 29px 2px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 7px 36px 6px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-20dp: 0 10px 13px -6px rgba(#000, $shadow-key-umbra-opacity),
+                       0 20px 31px 3px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 8px 38px 7px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-21dp: 0 10px 13px -6px rgba(#000, $shadow-key-umbra-opacity),
+                       0 21px 33px 3px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 8px 40px 7px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-22dp: 0 10px 14px -6px rgba(#000, $shadow-key-umbra-opacity),
+                       0 22px 35px 3px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 8px 42px 7px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-23dp: 0 11px 14px -7px rgba(#000, $shadow-key-umbra-opacity),
+                       0 23px 36px 3px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 9px 44px 8px rgba(#000, $shadow-ambient-shadow-opacity) !default;
+
+$material-shadow-24dp: 0 11px 15px -7px rgba(#000, $shadow-key-umbra-opacity),
+                       0 24px 38px 3px rgba(#000, $shadow-key-penumbra-opacity),
+                       0 9px 46px 8px rgba(#000, $shadow-ambient-shadow-opacity) !default;