jekyll-theme-pga-default 0.1.0 → 0.2.0

data/_sass/_footer.scss

@@ -0,0 +1,93 @@
+// Footer
+
+.footer {
+  background-color: theme-color("secondary");
+  padding: 50px 0;
+}
+
+.footer-col {
+  flex: 0 0 100%;
+  max-width: 100%;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-bottom: 1rem;
+  @include media-breakpoint-up(sm) {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  @include media-breakpoint-up(md) {
+    flex: 0 0 33.33333%;
+    max-width: 33.33333%;
+  }
+  @include media-breakpoint-up(lg) {
+    flex: 0 0 20%;
+    max-width: 20%;
+    margin-bottom: 0;
+  }
+
+  h5 {
+    color: $white;
+    margin-bottom: 0.75rem;
+  }
+
+  ul:not(.social-list) {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    line-height: 2;
+
+    li + li {
+      margin-top: 8px;
+    }
+
+    a {
+      color: $gray-600;
+      font-size: 0.75rem;
+      display: block;
+
+      &:hover {
+        opacity: 0.8;
+      }
+    }
+  }
+}
+// Copyright
+
+.copyright {
+  opacity: 0.6;
+  font-size: 10px;
+  color: $gray-600;
+  margin-bottom: 0.125rem;
+}
+// Social list
+
+.social-list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  display: flex;
+  margin-left: -5px;
+  margin-top: 1rem;
+
+  li {
+    margin: 0 5px;
+  }
+}
+
+.social-list-item {
+  circle,
+  path {
+    transition: all 0.3s ease-in-out;
+  }
+
+  &:hover {
+    circle {
+      fill: theme-color("primary");
+    }
+
+    path {
+      fill: theme-color("secondary");
+    }
+  }
+}

data/_sass/_form.scss

@@ -0,0 +1,81 @@
+.select {
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  font-size: 16px;
+  line-height: 1.2;
+  width: 100%;
+  height: 45px;
+}
+
+.select-hidden {
+  display: none;
+  visibility: hidden;
+  padding-right: 10px;
+}
+
+.select-styled {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: $white;
+  font-size: 0.875rem;
+  color: $navy;
+  border: 1px solid #7f91a5;
+  padding: 0.75rem 1.25rem;
+  @include transition(all 0.2s ease-in);
+
+  &:after {
+    content: "";
+    width: 0;
+    height: 0;
+    border: 5px solid transparent;
+    border-color: #7f91a5 transparent transparent transparent;
+    position: absolute;
+    top: 50%;
+    right: 15px;
+    transform: translateY(-2px);
+  }
+
+  &.active,
+  &:active {
+    &:after {
+      transform: rotare(180deg);
+    }
+  }
+}
+
+.select-options {
+  display: none;
+  position: absolute;
+  top: 100%;
+  right: 0;
+  left: 0;
+  z-index: 999;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  background-color: $white;
+  box-shadow: 0 5px 10px 0 rgba(0, 35, 75, 0.15);
+
+  li {
+    margin: 0;
+    padding: 12px 0;
+    text-indent: 15px;
+    @include transition(all 0.15s ease-in);
+
+    &:hover {
+      background-color: #f4f7f8;
+    }
+
+    &[rel="hide"] {
+      display: none;
+    }
+  }
+}
+
+.form-control {
+  font-size: 0.875rem;
+}

data/_sass/_functions.scss

@@ -0,0 +1,86 @@
+// Bootstrap functions
+//
+// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
+
+// Ascending
+// Used to evaluate Sass maps like our grid breakpoints.
+@mixin _assert-ascending($map, $map-name) {
+  $prev-key: null;
+  $prev-num: null;
+  @each $key, $num in $map {
+    @if $prev-num == null {
+      // Do nothing
+    } @else if not comparable($prev-num, $num) {
+      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    } @else if $prev-num >= $num {
+      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    }
+    $prev-key: $key;
+    $prev-num: $num;
+  }
+}
+
+// Starts at zero
+// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map) {
+  $values: map-values($map);
+  $first-value: nth($values, 1);
+  @if $first-value != 0 {
+    @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
+  }
+}
+
+// Replace `$search` with `$replace` in `$string`
+// Used on our SVG icon backgrounds for custom forms.
+//
+// @author Hugo Giraudel
+// @param {String} $string - Initial string
+// @param {String} $search - Substring to replace
+// @param {String} $replace ('') - New value
+// @return {String} - Updated string
+@function str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+// Color contrast
+@function color-yiq($color) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= $yiq-contrasted-threshold) {
+    @return $yiq-text-dark;
+  } @else {
+    @return $yiq-text-light;
+  }
+}
+
+// Retrieve color Sass maps
+@function color($key: "blue") {
+  @return map-get($colors, $key);
+}
+
+@function theme-color($key: "primary") {
+  @return map-get($theme-colors, $key);
+}
+
+@function gray($key: "100") {
+  @return map-get($grays, $key);
+}
+
+// Request a theme color level
+@function theme-color-level($color-name: "primary", $level: 0) {
+  $color: theme-color($color-name);
+  $color-base: if($level > 0, #000, #fff);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level * $theme-color-interval);
+}

data/_sass/_header.scss

@@ -0,0 +1,282 @@
+.navbar-primary {
+  @extend .navbar;
+  @extend .navbar-expand-lg;
+  @extend .navbar-dark;
+  background-color: theme-color("secondary");
+  height: 53px;
+  box-shadow: $navbar-shadow;
+  @include media-breakpoint-up(md) {
+    height: 80px;
+  }
+
+  .navbar-nav:not(.navbar-icon) {
+    @include media-breakpoint-down(md) {
+      padding: 0 30px;
+
+      .nav-item + .nav-item {
+        border-top: 1px solid rgba(127, 145, 165, 0.5);
+      }
+    }
+
+    .nav-link {
+      font-size: 1rem;
+      font-weight: 500;
+      height: 100%;
+      padding-left: $nav-link-padding-x;
+      padding-right: $nav-link-padding-x;
+      display: flex;
+      align-items: center;
+      position: relative;
+      text-transform: capitalize;
+      @include media-breakpoint-down(md) {
+        padding: 0.75rem;
+        font-size: 1.125rem;
+        width: fit-content;
+      }
+
+      &:focus:not(.active),
+      &:hover:not(.active) {
+        color: theme-color("primary");
+      }
+
+      &.active {
+        font-weight: 700;
+
+        &:after {
+          content: "";
+          position: absolute;
+          left: $nav-link-padding-x;
+          right: $nav-link-padding-x;
+          bottom: 0;
+          border-bottom: 4px solid theme-color("primary");
+          width: calc(100% - 2.5rem);
+          @include media-breakpoint-down(md) {
+            width: calc(100% - 1.5rem);
+            left: 0.75rem;
+            right: 0.75rem;
+            bottom: 10px;
+          }
+        }
+      }
+    }
+  }
+
+  .container {
+    height: 100%;
+  }
+}
+
+.navbar-secondary {
+  &.fixed {
+    position: absolute;
+    z-index: 10;
+    top: 80px;
+    left: 0;
+    right: 0;
+  }
+
+  &.bg-white {
+    position: relative;
+    top: 0;
+  }
+
+  .navbar-nav {
+    margin-left: -$nav-secondary-link-padding-x;
+
+    .nav-link {
+      font-size: 0.75rem;
+      font-weight: 500;
+      text-transform: uppercase;
+      height: 100%;
+      padding: $nav-secondary-link-padding-y $nav-secondary-link-padding-x;
+      position: relative;
+
+      &:after {
+        display: block;
+        content: attr(title);
+        font-weight: bold;
+        height: 0;
+        overflow: hidden;
+        visibility: hidden;
+      }
+    }
+
+    .nav-link {
+      &.active,
+      &:focus,
+      &:hover {
+        font-weight: 700;
+      }
+    }
+  }
+}
+
+.btn-login {
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  padding: 0.7825rem 2rem;
+  text-transform: uppercase;
+  font-weight: 500;
+  font-size: 0.75rem;
+
+  .icon-user {
+    margin-right: 0.25rem;
+  }
+  @include media-breakpoint-down(md) {
+    background-color: transparent;
+    border-color: transparent;
+    position: absolute;
+    bottom: 54px;
+    right: 0;
+  }
+}
+
+.navbar-icon {
+  @extend .flex-row;
+  @extend .ml-md-auto;
+  @extend .d-flex;
+  padding-right: 1.25rem;
+  // margin-top: -4px;
+  @include media-breakpoint-down(md) {
+    position: absolute;
+    bottom: 70px;
+    left: 25px;
+  }
+
+  .nav-link-icon {
+    color: theme-color("primary");
+    font-weight: 500;
+    text-transform: uppercase;
+    padding-left: 0.625rem;
+    padding-right: 0;
+    display: -webkit-flex;
+    display: -ms-flex;
+    display: flex;
+
+    &:hover {
+      opacity: 0.8;
+    }
+
+    svg {
+      margin-right: 5px;
+
+      &.icon-search {
+        margin-right: 10px;
+      }
+    }
+
+    small {
+      font-weight: 500;
+      font-size: 85.75%;
+      line-height: 0.8;
+      align-self: center;
+      @include media-breakpoint-down(md) {
+        display: none;
+      }
+    }
+    @include media-breakpoint-down(md) {
+      svg {
+        height: 19px;
+        width: auto;
+      }
+    }
+
+    svg {
+      vertical-align: middle;
+    }
+  }
+}
+
+.navbar-toggler {
+  border-width: 0;
+}
+
+.navbar-brand {
+  margin-right: 70px;
+  @include media-breakpoint-down(md) {
+    padding-top: 0;
+    margin-right: 0;
+
+    img {
+      width: 100px;
+    }
+  }
+}
+
+.mobile-buttons-group {
+  display: flex;
+  align-items: center;
+}
+
+.navbar-search {
+  display: flex;
+  padding-right: 1.25rem;
+  background-color: transparent;
+  border: transparent;
+  @include media-breakpoint-up(lg) {
+    display: none;
+  }
+}
+
+.navbar-collapse {
+  @include media-breakpoint-down(md) {
+    background-color: theme-color("secondary");
+    position: fixed;
+    display: block !important;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 315px;
+    z-index: 2000;
+    height: 100vh;
+    transform: translateX(340px);
+    transition: transform 0.2s ease-in-out;
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+
+    &.show {
+      transform: translateX(0px);
+    }
+  }
+}
+
+.navbar-collapse-header {
+  height: 53px;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 1.25rem;
+  @include media-breakpoint-up(lg) {
+    display: none;
+  }
+}
+
+.overlay {
+  background-color: $navy-50;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: none;
+
+  &.show {
+    display: block;
+  }
+}
+
+.navbar-collapse-inner {
+  @include media-breakpoint-down(md) {
+    min-height: 450px;
+    height: 100vh;
+    position: relative;
+  }
+  @include media-breakpoint-up(lg) {
+    width: 100%;
+    display: flex !important;
+    flex-basis: auto;
+    height: 100%;
+    align-items: center;
+  }
+}

data/_sass/_highlight.scss

@@ -0,0 +1,163 @@
+.highlight pre, pre {
+  background-color: #f8f8f8;
+  border: 1px solid #ccc;
+  padding: 6px 10px;
+  border-radius: 3px;
+}
+
+.highlight {
+  .hll {
+    background-color: #f8f8f8;
+    border: 1px solid #ccc;
+    padding: 6px 10px;
+    border-radius: 3px;
+  }
+  .c {
+    color: #999988;
+    font-style: italic;
+  }
+  .err {
+    color: #a61717;
+    background-color: #e3d2d2;
+  }
+  .k, .o {
+    font-weight: bold;
+  }
+  .cm {
+    color: #999988;
+    font-style: italic;
+  }
+  .cp {
+    color: #999999;
+    font-weight: bold;
+  }
+  .c1 {
+    color: #999988;
+    font-style: italic;
+  }
+  .cs {
+    color: #999999;
+    font-weight: bold;
+    font-style: italic;
+  }
+  .gd {
+    color: #000000;
+    background-color: #ffdddd;
+    .x {
+      color: #000000;
+      background-color: #ffaaaa;
+    }
+  }
+  .ge {
+    font-style: italic;
+  }
+  .gr {
+    color: #aa0000;
+  }
+  .gh {
+    color: #999999;
+  }
+  .gi {
+    color: #000000;
+    background-color: #ddffdd;
+    .x {
+      color: #000000;
+      background-color: #aaffaa;
+    }
+  }
+  .go {
+    color: #888888;
+  }
+  .gp {
+    color: #555555;
+  }
+  .gs {
+    font-weight: bold;
+  }
+  .gu {
+    color: #800080;
+    font-weight: bold;
+  }
+  .gt {
+    color: #aa0000;
+  }
+  .kc, .kd, .kn, .kp, .kr {
+    font-weight: bold;
+  }
+  .kt {
+    color: #445588;
+    font-weight: bold;
+  }
+  .m {
+    color: #009999;
+  }
+  .s {
+    color: #dd1144;
+  }
+  .n {
+    color: #333333;
+  }
+  .na {
+    color: teal;
+  }
+  .nb {
+    color: #0086b3;
+  }
+  .nc {
+    color: #445588;
+    font-weight: bold;
+  }
+  .no {
+    color: teal;
+  }
+  .ni {
+    color: purple;
+  }
+  .ne, .nf {
+    color: #990000;
+    font-weight: bold;
+  }
+  .nn {
+    color: #555555;
+  }
+  .nt {
+    color: navy;
+  }
+  .nv {
+    color: teal;
+  }
+  .ow {
+    font-weight: bold;
+  }
+  .w {
+    color: #bbbbbb;
+  }
+  .mf, .mh, .mi, .mo {
+    color: #009999;
+  }
+  .sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
+    color: #dd1144;
+  }
+  .sr {
+    color: #009926;
+  }
+  .s1 {
+    color: #dd1144;
+  }
+  .ss {
+    color: #990073;
+  }
+  .bp {
+    color: #999999;
+  }
+  .vc, .vg, .vi {
+    color: teal;
+  }
+  .il {
+    color: #009999;
+  }
+  .gc {
+    color: #999;
+    background-color: #EAF2F5;
+  }
+}