Merge 50eb54f into 0148a23

assets/README.md

@@ -0,0 +1,10 @@
+# VSVGVQ Theme
+
+Basic theme that works as an addition to the base bootstrap styles.
+
+## How to
+
+* Go to terminal and open new window
+* go to the assets directory like: 
+`cd /path-to-module/assets`
+* run: `sass --watch scss:./public/css`

assets/scss/components/_content.scss

@@ -0,0 +1,16 @@
+.container {
+	@include clearfix();
+}
+
+.page-main {
+	padding-bottom: $global-margin/2;
+	padding-top: $global-margin/2;
+	@include breakpoint(map-get($breakpoints, med)) {
+		padding-bottom: $global-margin;
+		padding-top: $global-margin;
+	}
+	@include breakpoint(map-get($breakpoints, menu)) {
+		padding-bottom: $global-margin*2;
+		padding-top: $global-margin*2;
+	}
+}

assets/scss/components/_footer.scss

@@ -0,0 +1,35 @@
+.footer-partners {
+	border-top: 1px solid $brand-blue;
+	padding: $global-margin/2 0;
+	text-align: center;
+	@include breakpoint(map-get($breakpoints, med)) {
+		padding: $global-margin 0;
+	}
+
+	img {
+		height: auto;
+		max-height: 80px;
+		max-width: 100%;
+		margin-bottom: $global-margin;
+	}
+}
+
+.footer-sponsors {
+	background-color: $brand-blue;
+	color: $white;
+	padding: $global-margin/2 0;
+	text-align: center;
+	@include breakpoint(map-get($breakpoints, med)) {
+		padding: $global-margin 0;
+	}
+	img {
+		height: auto;
+		max-height: 30px;
+		max-width: 100%;
+	}
+}
+
+.page-footer {
+	padding: $global-margin/2 0;
+	text-align: right;
+}

assets/scss/components/_header.scss

@@ -0,0 +1,4 @@
+.page-header {
+	padding: $global-margin/2 0;
+	border-bottom: 5px solid $brand-blue;
+}

assets/scss/core/_print.scss

@@ -0,0 +1,66 @@
+@media print {
+    * {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: h5bp.com/s */
+        box-shadow: none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    /*
+     * Don't show links for images, or javascript/internal links
+     */
+
+    .ir a:after,
+    a[href^="javascript:"]:after,
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    thead {
+        display: table-header-group; /* h5bp.com/t */
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    @page {
+        margin: 0.5cm;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+
+    .print-only {
+        display: block;
+    }
+    .print-only-inline {
+        display: inline;
+    }
+
+}

assets/scss/core/_scaffold.scss

@@ -0,0 +1,128 @@
+// Selection style
+//
+::-moz-selection { background: rgba($color-link,0.8); color: #fff; text-shadow: none; }
+::selection { background: rgba($color-link,0.8); color: #fff; text-shadow: none; }
+
+// Reset box-sizing
+//
+*, *:before, *:after { box-sizing: border-box; }
+
+body {
+  .js & {
+    //opacity: .1;
+  }
+  .js-done & {
+    //opacity: 1;
+  }
+}
+
+// Html
+//
+html {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+// Body
+//
+body {
+  min-width: 260px;
+  background-color: $white;
+  color: $color-text;
+  font-family: $font-family-base;
+  font-weight: $font-weight-base;
+  line-height: $line-height-base;
+  font-size: rem($font-size-base-value);
+  margin: 0;
+}
+
+
+html, body, .dialog-off-canvas-main-canvas, .site-container {
+  height: 100%;
+}
+
+// Reset fonts for relevant elements
+textarea {
+  resize: vertical;
+}
+
+// Links
+a {
+  @include transitions((color, background-color, background-image, border));
+  color: $color-link;
+  cursor: pointer;
+  &:hover,
+  &:focus {
+    color: darken($color-link, 15%);
+    text-decoration: none;
+  }
+}
+
+// Paragraphs
+p {
+  margin: 0 0 1em;
+}
+
+hr {
+  margin-top: $line-height-base;
+  margin-bottom: $line-height-base;
+  border: 0;
+  border-top: 1px solid $gray-50;
+}
+
+// SVG
+svg {
+  fill: currentColor;
+}
+
+/*! == Helper classes == */
+.ir {
+  background-color: transparent;
+  border: 0;
+  overflow: hidden;
+  *text-indent: -9999px;
+  &:before {
+    content: '';
+    display: block;
+    width: 0;
+    height: 100%;
+  }
+}
+.superhidden {
+  display: none !important;
+  visibility: hidden;
+}
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  position: absolute;
+  &.focusable:active,
+  &.focusable:focus {
+    clip: auto;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+  }
+}
+.invisible {
+  visibility: hidden;
+}
+.clearfix {
+  @include cf;
+}
+.print-only,
+.print-only-inline {
+    display: none;
+}
+.pull--left {
+  float: left;
+}
+.pull--right {
+  float: right;
+}