jekyll-theme-consulting 0.1.0

data/_sass/components/_form.scss

@@ -0,0 +1,88 @@
+/* Form */
+
+form {
+    label {
+        display: block;
+        margin: 0 0 0.5em 0;
+    }
+
+    input[type="text"],
+    input[type="email"],
+    input[type="password"],
+    select,
+    textarea {
+        @include vendor('transition', 'background-color 0.35s ease-in-out');
+        -webkit-appearance: none;
+        display: block;
+        border: 0;
+        background: #f1f1f1;
+        width: 100%;
+        padding: 0.75em;
+
+        &:focus {
+            background-color: _palette(bg-light);
+        }
+    }
+
+    input[type="text"],
+    input[type="email"],
+    input[type="password"],
+    select {
+        line-height: 1em;
+    }
+
+    select {
+        background-size: 1.25em;
+        background-repeat: no-repeat;
+        background-position: calc(100% - 1em) center;
+        padding-right: 1.25em;
+        text-overflow: ellipsis;
+        background-image: svg-url("<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'><path d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='#5a5959' /></svg>");
+
+        option {
+            color: _palette(fg);
+            background: _palette(bg);
+        }
+
+        &:focus {
+            &::-ms-value {
+                background-color: transparent;
+            }
+        }
+
+        &::-ms-expand {
+            display: none;
+        }
+    }
+
+    textarea {
+        min-height: 12em;
+    }
+
+    ::-webkit-input-placeholder {
+        color: _palette(fg-light) !important;
+    }
+
+    :-moz-placeholder {
+        color: _palette(fg-light) !important;
+    }
+
+    ::-moz-placeholder {
+        color: _palette(fg-light) !important;
+    }
+
+    :-ms-input-placeholder {
+        color: _palette(fg-light) !important;
+    }
+
+    ::-moz-focus-inner {
+        border: 0;
+    }
+
+    ul {
+        &.actions {
+            margin-bottom: 0;
+            text-align: center;
+        }
+    }
+}

data/_sass/components/_icons.scss

@@ -0,0 +1,44 @@
+/* Icons */
+
+ul.icons {
+    cursor: default;
+    list-style: none;
+    padding-left: 0;
+
+    li {
+        display: inline-block;
+        padding-left: 0;
+        margin-top: 0;
+    }
+
+    a {
+        display: inline-block;
+        width: 2.5em;
+        height: 2.5em;
+        line-height: 2.5em;
+        text-align: center;
+        border: 0;
+    }
+}
+
+/* Icons */
+
+.icon {
+    text-decoration: none;
+
+    &:before {
+        display: inline-block;
+        font-family: FontAwesome;
+        font-size: 1.25em;
+        text-decoration: none;
+        font-style: normal;
+        font-weight: normal;
+        line-height: 1;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+    > .label {
+        display: none;
+    }
+}

data/_sass/components/_image.scss

@@ -0,0 +1,37 @@
+/* Image */
+
+.image {
+    display: inline-block;
+    border: 0;
+
+    img {
+        display: block;
+        width: 100%;
+    }
+
+    &.featured {
+        display: block;
+        width: 100%;
+        margin: 0 0 2em 0;
+    }
+
+    &.fit {
+        display: block;
+        width: 100%;
+    }
+
+    &.left {
+        float: left;
+        margin: 0 2em 2em 0;
+    }
+
+    &.centered {
+        display: block;
+        margin: 0 0 2em 0;
+
+        img {
+            margin: 0 auto;
+            width: auto;
+        }
+    }
+}

data/_sass/components/_list.scss

@@ -0,0 +1,25 @@
+/* List */
+
+ul {
+    list-style: disc;
+    padding-left: 1em;
+
+    li {
+        padding-left: 1.5em;
+        margin-top: 1.5em;
+
+        &:first-child {
+            margin-top: 0;
+        }
+    }
+}
+
+ol {
+    list-style: decimal;
+    padding-left: 1.25em;
+
+    li {
+        padding-left: 1.25em;
+        margin-top: 1.5em;
+    }
+}

data/_sass/components/_menu.scss

@@ -0,0 +1,21 @@
+/* Menu */
+
+ul.menu {
+    cursor: default;
+    list-style: none;
+    padding-left: 0;
+
+    li {
+        display: inline-block;
+        line-height: 1em;
+        border-left: solid 1px #dad9d9;
+        padding: 0 0 0 0.5em;
+        margin: 0 0 0 0.5em;
+
+        &:first-child {
+            border-left: 0;
+            padding-left: 0;
+            margin-left: 0;
+        }
+    }
+}

data/_sass/components/_poptrox.scss

@@ -0,0 +1,121 @@
+/* Poptrox */
+
+.poptrox-popup {
+    @include vendor('box-sizing', 'content-box');
+    background: #fff;
+    padding-bottom: 3em;
+
+    .loader {
+        width: 48px;
+        height: 48px;
+        background: url('images/loader.gif');
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin: -24px 0 0 -24px;
+    }
+
+    .caption {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        background: #fff;
+        width: 100%;
+        height: 3em;
+        line-height: 3em;
+        text-align: center;
+        cursor: default;
+        z-index: 1;
+    }
+
+    .nav-next,
+    .nav-previous {
+        @include vendor('transition', 'opacity 0.5s ease-in-out');
+        position: absolute;
+        top: 0;
+        width: 50%;
+        height: 100%;
+        opacity: 0;
+        cursor: pointer;
+        background: rgba(0, 0, 0, 0.01);
+        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+
+        &:before {
+            content: '';
+            position: absolute;
+            width: 96px;
+            height: 64px;
+            background: url('images/poptrox-nav.svg');
+            top: calc(50% - 1.5em);
+            margin: -32px 0 0 0;
+        }
+    }
+
+    &:hover {
+        .nav-next,
+        .nav-previous {
+            opacity: 0.5;
+
+            &:hover {
+                opacity: 1.0;
+            }
+        }
+    }
+
+    .nav-next {
+        right: 0;
+
+        &:before {
+            right: 0;
+        }
+    }
+
+    .nav-previous {
+        left: 0;
+
+        &:before {
+            @include vendor('transform', 'scaleX(-1)');
+            left: 0;
+            -ms-filter: "FlipH";
+            filter: FlipH;
+        }
+    }
+
+    .closer {
+        @include vendor('transition', 'opacity 0.5s ease-in-out');
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 64px;
+        height: 64px;
+        text-indent: -9999px;
+        z-index: 2;
+        opacity: 0;
+        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+
+        &:before {
+            @include vendor('transition', 'background-color 0.5s ease-in-out');
+            content: '';
+            display: block;
+            position: absolute;
+            right: 16px;
+            top: 16px;
+            width: 40px;
+            height: 40px;
+            border-radius: 100%;
+            box-shadow: inset 0 0 0 1px #fff;
+            background: rgba(255, 255, 255, 0.1) url('images/poptrox-closer.svg') center center;
+            color: #fff !important;
+        }
+    }
+
+    &:hover {
+        .closer {
+            opacity: 0.5;
+
+            &:hover {
+                opacity: 1.0;
+            }
+        }
+    }
+}

data/_sass/components/_row.scss

@@ -0,0 +1,21 @@
+/* Row */
+
+.row {
+    @include html-grid((40px, 40px));
+
+    @include breakpoint('<=wide') {
+        @include html-grid((40px, 40px), 'wide');
+    }
+
+    @include breakpoint('<=normal') {
+        @include html-grid((40px, 40px), 'normal');
+    }
+
+    @include breakpoint('<=narrow') {
+        @include html-grid((30px, 30px), 'narrow');
+    }
+
+    @include breakpoint('<=mobile') {
+        @include html-grid((20px, 20px), 'mobile');
+    }
+}

data/_sass/components/_sections.scss

@@ -0,0 +1,18 @@
+/* Sections/Article */
+
+section, article {
+    margin-bottom: 3em;
+}
+
+section > :last-child,
+article > :last-child,
+section:last-child,
+article:last-child {
+    margin-bottom: 0;
+}
+
+.row > {
+    section, article {
+        margin-bottom: 0;
+    }
+}

data/_sass/components/_table.scss

@@ -0,0 +1,35 @@
+/* Table */
+
+.table-wrapper {
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
+
+table {
+    width: 100%;
+
+    tbody {
+        tr {
+            border-top: solid 1px #eae9e9;
+
+            &:first-child {
+                border-top: 0;
+            }
+        }
+    }
+
+    td {
+        padding: 0.75em 1.25em 0.75em 1.25em;
+    }
+
+    th {
+        text-align: left;
+        font-weight: 400;
+        padding: 0.75em 1.25em 0.75em 1.25em;
+    }
+
+    thead {
+        background: _palette(bg);
+    }
+}

data/_sass/layout/_banner.scss

@@ -0,0 +1,44 @@
+/* Banner */
+
+#banner {
+    position: relative;
+    color: _palette(fg);
+    text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
+    text-align: center;
+    background: _palette(bg) url('images/banner.svg') bottom center no-repeat;
+    padding: 5em 0 5em 0;
+    margin: 0;
+    background-size: 125% auto;
+
+    .button {
+        color: _palette(accent);
+        text-shadow: 0 0 0.5px _palette(bg-light);
+    }
+
+    header {
+        margin: 0 0 2em 0;
+
+        h2 {
+            font-weight: 400;
+            font-size: 1.75em;
+            letter-spacing: 8px;
+        }
+    }
+
+    p {
+        margin: 0;
+    }
+
+    footer {
+        margin: 2em 0 0 0;
+    }
+
+    a {
+        color: inherit;
+        border-bottom-color: _palette(border);
+
+        &:hover {
+            border-bottom-color: _palette(border-light);
+        }
+    }
+}