jekyll-theme-consulting 0.7.2 → 0.8.0

data/_sass/medium/base/_typography.scss

@@ -0,0 +1,5 @@
+@include breakpoint('<=medium') {
+	h1 {
+		font-size: 3.25em;
+	}
+}

data/_sass/medium/components/_features.scss

@@ -0,0 +1,31 @@
+/* Features */
+
+.features {
+    $gutter: _size(gutter);
+    
+    @include breakpoint('<=medium') {
+        margin: 0 0 _size(element-margin) 0;
+        width: 100%;
+
+        article {
+            margin: 0 0 $gutter 0;
+            width: 100%;
+
+            .icon {
+                height: 8em;
+                line-height: 8em;
+                width: 8em;
+
+                &:before {
+                    font-size: 2.25rem;
+                }
+
+                &:after {
+                    height: 6em;
+                    margin: -3em 0 0 -3em;
+                    width: 6em;
+                }
+            }
+        }
+    }
+}

data/_sass/medium/components/_row.scss

@@ -0,0 +1,7 @@
+/* Row */
+
+.row {
+    @include breakpoint('<=medium') {
+        @include html-grid(1.5em, 'medium');
+    }
+}

data/_sass/small.scss

@@ -0,0 +1,50 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/vendor';
+@import 'libs/breakpoints';
+@import 'libs/html-grid';
+
+// Breakpoints.
+
+@include breakpoints((
+    small:    ( 481px,   736px  ),
+    xsmall:   ( 361px,   480px  ),
+    xxsmall:  ( null,    360px  )
+));
+
+// Base.
+
+@import 'small/base/reset';
+@import 'small/base/page';
+@import 'small/base/typography';
+
+// Component.
+
+@import 'small/components/row';
+@import 'small/components/section';
+@import 'small/components/form';
+@import 'small/components/box';
+@import 'small/components/icon';
+@import 'small/components/image';
+@import 'small/components/list';
+@import 'small/components/actions';
+@import 'small/components/icons';
+@import 'small/components/contact';
+@import 'small/components/pagination';
+@import 'small/components/table';
+@import 'small/components/button';
+@import 'small/components/mini-posts';
+@import 'small/components/features';
+@import 'small/components/facts';
+@import 'small/components/posts';
+
+// Layout.
+
+@import 'small/layout/wrapper';
+@import 'small/layout/main';
+@import 'small/layout/sidebar';
+@import 'small/layout/header';
+@import 'small/layout/banner';
+@import 'small/layout/footer';
+@import 'small/layout/menu';

data/_sass/small/base/_page.scss

@@ -0,0 +1,6 @@
+// Ensures page width is always >=320px.
+@include breakpoint('<=xsmall') {
+    html, body {
+        min-width: 320px;
+    }
+}

data/_sass/small/base/_typography.scss

@@ -0,0 +1,18 @@
+/* Type */
+
+body, input, select, textarea {
+    @include breakpoint('<=xxsmall') {
+        font-size: 9pt;
+    }
+}
+
+@include breakpoint('<=small') {
+    h1 {
+        font-size: 2em;
+        line-height: 1.4;
+    }
+
+    h2 {
+        font-size: 1.5em;
+    }
+}

data/_sass/small/components/_facts.scss

@@ -0,0 +1,45 @@
+/* Facts */
+
+.facts {
+    $gutter: 1px;
+
+    @include breakpoint('<=small') {
+        $gutter: _size(gutter) * 1.5;
+
+        article {
+            margin: 0;
+            padding: 0;
+            width: 50%;
+        }
+    }
+
+    @include breakpoint('<=xsmall') {
+        $gutter: _size(gutter) * 1.5;
+
+        article {
+
+            &:before {
+                display: none;
+            }
+
+            &:after {
+                width: 100%;
+                background: _palette(border);
+                bottom: ($gutter * -0.5);
+                content: '';
+                display: block;
+                height: 1px;
+                position: absolute;
+                right: 0;
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+
+                &:after {
+                    display: none;
+                }
+            }
+        }
+    }
+}

data/_sass/small/components/_features.scss

@@ -0,0 +1,29 @@
+/* Features */
+
+.features {
+    $gutter: _size(gutter);
+
+    @include breakpoint('<=xsmall') {
+        article {
+            @include vendor('flex-direction', 'column');
+            @include vendor('align-items', 'flex-start');
+
+            .icon {
+                height: 6em;
+                line-height: 6em;
+                margin: 0 0 (_size(element-margin) * 0.75) 0;
+                width: 6em;
+
+                &:before {
+                    font-size: 1.5rem;
+                }
+
+                &:after {
+                    height: 4em;
+                    margin: -2em 0 0 -2em;
+                    width: 4em;
+                }
+            }
+        }
+    }
+}

data/_sass/small/components/_pagination.scss

@@ -0,0 +1,15 @@
+/* Pagination */
+
+ul.pagination {
+    @include breakpoint('<=xsmall') {
+        li {
+            &:nth-child(n+2):nth-last-child(n+2) {
+                display: none;
+            }
+
+            &:first-child {
+                padding-right: 0;
+            }
+        }
+    }
+}

data/_sass/small/components/_posts.scss

@@ -0,0 +1,59 @@
+/* Posts */
+
+.posts {
+    $gutter: (_size(gutter) * 2);
+
+    @include breakpoint('<=small') {
+        $gutter: _size(gutter) * 1.5;
+
+        margin: 0 0 _size(element-margin) ($gutter * -1);
+        width: calc(100% + #{$gutter});
+
+        article {
+            margin: 0 0 $gutter $gutter;
+            width: calc(50% - #{$gutter});
+
+            &:before {
+                height: calc(100% + #{$gutter});
+                left: ($gutter * -0.5);
+            }
+
+            &:after {
+                bottom: ($gutter * -0.5);
+                width: calc(100% + #{$gutter});
+            }
+
+            &:nth-last-child(3) {
+                margin-bottom: $gutter;
+            }
+        }
+    }
+
+    @include breakpoint('<=xsmall') {
+        $gutter: _size(gutter) * 1.5;
+
+        margin: 0 0 _size(element-margin) 0;
+        width: 100%;
+
+        article {
+            margin: 0 0 $gutter 0;
+            width: 100%;
+
+            &:before {
+                display: none;
+            }
+
+            &:after {
+                width: 100%;
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+
+                &:after {
+                    display: none;
+                }
+            }
+        }
+    }
+}

data/_sass/small/components/_row.scss

@@ -0,0 +1,11 @@
+/* Row */
+
+.row {
+    @include breakpoint('<=small') {
+        @include html-grid(1.5em, 'small');
+    }
+
+    @include breakpoint('<=xsmall') {
+        @include html-grid(1.5em, 'xsmall');
+    }
+}

data/_sass/small/layout/_banner.scss

@@ -0,0 +1,11 @@
+/* Banner */
+
+#banner {
+    @include orientation(portrait) {
+        @include breakpoint('<=xsmall') {
+            .image {
+                max-height: 35vh;
+            }
+        }
+    }
+}

data/_sass/small/layout/_main.scss

@@ -0,0 +1,16 @@
+/* Main */
+
+#main {
+    > .inner {
+        @include breakpoint('<=small') {
+            section {
+            	padding: 1em 1em 1em 4em;
+            }
+        }
+
+        #header {
+            padding: 2em 4em 1em 4em;
+            margin: 0;
+        }
+    }
+}

data/{_sass/components/_cookieconsent.scss → assets/css/cookieconsent.css}

@@ -78,10 +78,12 @@
 /* 2 basic types of window - floating / banner */
 .cc-window.cc-floating {
   padding: 2em;
-  max-width: 24em; /* 1em == 16px therefore 24em == 384px */
+  width: 100%;
+  max-width: 100%; /* 1em == 16px therefore 24em == 384px */
   flex-direction: column;
 }
 .cc-window.cc-banner {
+  z-index: :10000;
   padding: 1em 1.8em;
   width: 100%;
   flex-direction: row;
@@ -199,7 +201,7 @@
   right: 1em;
 }
 .cc-bottom {
-  bottom: 1em;
+  bottom: 0;
 }
 
 /* links that are direct decendants should be displayed as block */