jekyll-rubin-collab-theme 0.1.0 → 0.1.1

data/_third_party/mdb-ui-kit/src/scss/free/_functions.scss

@@ -0,0 +1,18 @@
+// Functions
+
+// Dynamically change text color based on background color
+
+@function set-notification-text-color($color) {
+  @if (lightness($color) > 70) {
+    @return $gray-800;
+  } @else {
+    @return $white;
+  }
+}
+
+@function color-level($color: $primary, $level: 0) {
+  $color-base: if($level > 0, $black, $white);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level);
+}

data/_third_party/mdb-ui-kit/src/scss/free/_images.scss

@@ -0,0 +1,87 @@
+//
+// Image styles
+//
+
+.bg-fixed {
+  background-attachment: fixed;
+}
+
+.bg-image {
+  position: relative;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center center;
+}
+
+.mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-attachment: fixed;
+}
+
+.hover-overlay {
+  .mask {
+    --#{$prefix}image-hover-transition: #{$image-hover-overlay-transition};
+
+    opacity: 0;
+    transition: var(--#{$prefix}image-hover-transition);
+    &:hover {
+      opacity: 1;
+    }
+  }
+}
+
+.hover-zoom {
+  --#{$prefix}image-hover-zoom-transition: #{$image-hover-zoom-transition};
+  --#{$prefix}image-hover-zoom-transform: #{$image-hover-zoom-transform};
+
+  img,
+  video {
+    transition: var(--#{$prefix}image-hover-zoom-transition);
+  }
+  &:hover {
+    img,
+    video {
+      transform: var(--#{$prefix}image-hover-zoom-transform);
+    }
+  }
+}
+
+.hover-shadow,
+.card.hover-shadow,
+.hover-shadow-soft,
+.card.hover-shadow-soft {
+  --#{$prefix}image-hover-shadow-transition: #{$image-hover-shadow-transition};
+
+  transition: var(--#{$prefix}image-hover-shadow-transition);
+  &:hover {
+    transition: var(--#{$prefix}image-hover-shadow-transition);
+  }
+}
+
+.hover-shadow,
+.card.hover-shadow {
+  --#{$prefix}image-hover-shadow-box-shadow: #{$image-hover-shadow-box-shadow};
+
+  box-shadow: none;
+  &:hover {
+    box-shadow: var(--#{$prefix}image-hover-shadow-box-shadow);
+  }
+}
+
+.hover-shadow-soft,
+.card.hover-shadow-soft {
+  --#{$prefix}image-hover-shadow-box-shadow-soft: #{$image-hover-shadow-box-shadow-soft};
+
+  box-shadow: none;
+  &:hover {
+    box-shadow: var(--#{$prefix}image-hover-shadow-box-shadow-soft);
+  }
+}

data/_third_party/mdb-ui-kit/src/scss/free/_list-group.scss

@@ -0,0 +1,68 @@
+//
+// List group styles
+//
+
+.list-group {
+  --#{$prefix}list-group-item-transition-time: #{$list-group-item-transition-time};
+}
+
+.list-group-item-action {
+  transition: var(--#{$prefix}list-group-item-transition-time);
+
+  // Hover state
+  &:hover {
+    transition: var(--#{$prefix}list-group-item-transition-time);
+  }
+}
+
+.list-group-light {
+  --#{$prefix}list-group-light-item-py: #{$list-group-light-item-py};
+  --#{$prefix}list-group-light-item-border: #{$list-group-light-item-border};
+  --#{$prefix}list-group-light-item-border-width: #{$list-group-light-item-border-width};
+  --#{$prefix}list-group-light-active-border-radius: #{$list-group-light-active-border-radius};
+  --#{$prefix}list-group-light-active-bg: #{$list-group-light-active-bg};
+  --#{$prefix}list-group-light-active-color: #{$list-group-light-active-color};
+
+  .list-group-item {
+    padding: var(--#{$prefix}list-group-light-item-py) 0;
+    border: var(--#{$prefix}list-group-light-item-border);
+  }
+  > .list-group-item {
+    border-width: 0 0 var(--#{$prefix}list-group-light-item-border-width);
+    &:last-of-type {
+      border: none;
+    }
+  }
+  .active {
+    border: none;
+    border-radius: var(--#{$prefix}list-group-light-active-border-radius);
+    background-color: var(--#{$prefix}list-group-light-active-bg);
+    color: var(--#{$prefix}list-group-light-active-color);
+  }
+  .list-group-item-action {
+    &:hover {
+      border-radius: var(--#{$prefix}list-group-light-active-border-radius);
+    }
+    &:focus {
+      border-radius: var(--#{$prefix}list-group-light-active-border-radius);
+    }
+  }
+}
+
+.list-group-small {
+  --#{$prefix}list-group-small-item-py: #{$list-group-small-item-py};
+  .list-group-item {
+    padding: var(--#{$prefix}list-group-small-item-py) 0;
+  }
+}
+
+@each $color, $value in $alerts {
+  .list-group-item-#{$color} {
+    background-color: map-get($value, background-color);
+    color: map-get($value, text-color);
+
+    i {
+      color: map-get($value, icon-color);
+    }
+  }
+}

data/_third_party/mdb-ui-kit/src/scss/free/_mixins.scss

@@ -0,0 +1,8 @@
+// Toggles
+//
+// Used in conjunction with global variables to enable certain theme features.
+
+// Components
+@import './mixins/buttons';
+@import './mixins/ripple';
+@import './mixins/table-variants';

data/_third_party/mdb-ui-kit/src/scss/free/_modal.scss

@@ -0,0 +1,12 @@
+//
+// Modal styles
+//
+
+.modal-content {
+  // scss-docs-start modal-css-vars
+  --#{$prefix}modal-box-shadow: #{$modal-box-shadow};
+  // scss-docs-end modal-css-vars
+
+  border: 0;
+  box-shadow: var(--#{$prefix}modal-box-shadow);
+}

data/_third_party/mdb-ui-kit/src/scss/free/_nav.scss

@@ -0,0 +1,100 @@
+//
+// Navs styles
+//
+
+//
+// Tabs styles
+//
+
+.nav-tabs {
+  border-bottom: 0;
+
+  .nav-link {
+    --#{$prefix}nav-tabs-link-font-weight: #{$nav-tabs-link-font-weight};
+    --#{$prefix}nav-tabs-link-font-size: #{$nav-tabs-link-font-size};
+    --#{$prefix}nav-tabs-link-color: #{$nav-tabs-link-color};
+    --#{$prefix}nav-tabs-link-padding-top: #{$nav-tabs-link-padding-top};
+    --#{$prefix}nav-tabs-link-padding-bottom: #{$nav-tabs-link-padding-bottom};
+    --#{$prefix}nav-tabs-link-padding-x: #{$nav-tabs-link-padding-x};
+    --#{$prefix}nav-tabs-link-hover-bgc: #{$nav-tabs-link-hover-bgc};
+    --#{$prefix}nav-tabs-link-border-bottom-width: #{$nav-tabs-link-border-bottom-width};
+    --#{$prefix}nav-tabs-link-active-color: #{$nav-tabs-link-active-color};
+    --#{$prefix}nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color};
+    border-width: 0;
+    border-bottom: var(--#{$prefix}nav-tabs-link-border-bottom-width) solid transparent;
+    border-radius: 0;
+    text-transform: uppercase;
+    line-height: 1;
+    font-weight: var(--#{$prefix}nav-tabs-link-font-weight);
+    font-size: var(--#{$prefix}nav-tabs-link-font-size);
+    color: var(--#{$prefix}nav-tabs-link-color);
+    padding: var(--#{$prefix}nav-tabs-link-padding-top) var(--#{$prefix}nav-tabs-link-padding-x)
+      var(--#{$prefix}nav-tabs-link-padding-bottom) var(--#{$prefix}nav-tabs-link-padding-x);
+
+    &:hover {
+      background-color: var(--#{$prefix}nav-tabs-link-hover-bgc);
+      border-color: transparent;
+    }
+
+    &:focus {
+      border-color: transparent;
+    }
+  }
+
+  .nav-link.active,
+  .nav-item.show .nav-link {
+    color: var(--#{$prefix}nav-tabs-link-active-color);
+    border-color: var(--#{$prefix}nav-tabs-link-active-border-color);
+  }
+}
+
+//
+// Pills styles
+//
+
+.nav-pills {
+  margin-left: -$nav-pills-margin;
+
+  .nav-link {
+    --#{$prefix}nav-pills-link-border-radius: #{$nav-pills-link-border-radius};
+    --#{$prefix}nav-pills-link-font-size: #{$nav-pills-link-font-size};
+    --#{$prefix}nav-pills-link-padding-top: #{$nav-pills-link-padding-top};
+    --#{$prefix}nav-pills-link-padding-bottom: #{$nav-pills-link-padding-bottom};
+    --#{$prefix}nav-pills-link-padding-x: #{$nav-pills-link-padding-x};
+    --#{$prefix}nav-pills-link-line-height: #{$nav-pills-link-line-height};
+    --#{$prefix}nav-pills-link-hover-bg: #{$nav-pills-link-hover-bg};
+    --#{$prefix}nav-pills-link-font-weight: #{$nav-pills-link-font-weight};
+    --#{$prefix}nav-pills-link-color: #{$nav-pills-link-color};
+    --#{$prefix}nav-pills-margin: #{$nav-pills-margin};
+
+    border-radius: var(--#{$prefix}nav-pills-link-border-radius);
+    font-size: var(--#{$prefix}nav-pills-link-font-size);
+    text-transform: uppercase;
+    padding: var(--#{$prefix}nav-pills-link-padding-top) var(--#{$prefix}nav-pills-link-padding-x)
+      var(--#{$prefix}nav-pills-link-padding-bottom) var(--#{$prefix}nav-pills-link-padding-x);
+    line-height: var(--#{$prefix}nav-pills-link-line-height);
+    background-color: var(--#{$prefix}nav-pills-link-hover-bg);
+    font-weight: var(--#{$prefix}nav-pills-link-font-weight);
+    color: var(--#{$prefix}nav-pills-link-color);
+    margin: var(--#{$prefix}nav-pills-margin);
+  }
+
+  .nav-link.active,
+  .show > .nav-link {
+    --#{$prefix}nav-pills-link-active-bg: #{$nav-pills-link-active-bg};
+    --#{$prefix}nav-pills-link-active-color: #{$nav-pills-link-active-color};
+
+    background-color: var(--#{$prefix}nav-pills-link-active-bg);
+    color: var(--#{$prefix}nav-pills-link-active-color);
+  }
+}
+
+// Fix for keeping margins of pills
+.nav-fill,
+.nav-justified {
+  .nav-item {
+    .nav-link {
+      width: auto;
+    }
+  }
+}

data/_third_party/mdb-ui-kit/src/scss/free/_navbar.scss

@@ -0,0 +1,50 @@
+//
+// Navbar styles
+//
+
+.navbar {
+  --#{$prefix}navbar-box-shadow: #{$navbar-box-shadow};
+  --#{$prefix}navbar-padding-top: #{$navbar-padding-top};
+  --#{$prefix}navbar-brand-img-margin-right: #{$navbar-brand-img-margin-right};
+
+  box-shadow: var(--#{$prefix}navbar-box-shadow);
+  padding-top: var(--#{$prefix}navbar-padding-top);
+}
+
+.navbar-toggler {
+  border: 0;
+
+  &:focus {
+    box-shadow: none;
+  }
+}
+
+.navbar-dark .navbar-toggler,
+.navbar-light .navbar-toggler {
+  border: 0;
+}
+
+.navbar-brand {
+  display: flex;
+  align-items: center;
+  img {
+    margin-right: var(--#{$prefix}navbar-brand-img-margin-right);
+  }
+}
+
+.navbar-nav .dropdown-menu {
+  position: absolute;
+}
+
+// Navbar themes
+.navbar-light {
+  .navbar-toggler-icon {
+    background-image: none;
+  }
+}
+
+.navbar-dark {
+  .navbar-toggler-icon {
+    background-image: none;
+  }
+}

data/_third_party/mdb-ui-kit/src/scss/free/_pagination.scss

@@ -0,0 +1,99 @@
+//
+// Pagination styles
+//
+
+.pagination {
+  // scss-docs-start pagination-css-vars
+  --#{$prefix}pagination-border-radius: #{$pagination-border-radius};
+  --#{$prefix}pagination-active-box-shadow: #{$pagination-active-box-shadow};
+  --#{$prefix}pagination-active-transition: #{$pagination-active-transition};
+  --#{$prefix}pagination-active-font-weight: #{$pagination-active-font-weight};
+  --#{$prefix}pagination-circle-border-radius: #{$pagination-circle-border-radius};
+  --#{$prefix}pagination-circle-padding-x: #{$pagination-circle-padding-x};
+  --#{$prefix}pagination-circle-padding-l-lg: #{$pagination-circle-lg-padding-left};
+  --#{$prefix}pagination-circle-padding-r-lg: #{$pagination-circle-lg-padding-right};
+  --#{$prefix}pagination-circle-padding-l-sm: #{$pagination-circle-sm-padding-left};
+  --#{$prefix}pagination-circle-padding-r-sm: #{$pagination-circle-sm-padding-right};
+  // scss-docs-end pagination-css-vars
+}
+
+.page-link {
+  background-color: transparent;
+  border: 0;
+  outline: 0;
+  border-radius: var(--#{$prefix}pagination-border-radius);
+
+  &:focus {
+    box-shadow: none;
+  }
+
+  &.active,
+  .active > & {
+    border: 0;
+    box-shadow: var(--#{$prefix}pagination-active-box-shadow);
+    transition: var(--#{$prefix}pagination-active-transition);
+    font-weight: var(--#{$prefix}pagination-active-font-weight);
+  }
+}
+
+.page-item {
+  &:not(:first-child) {
+    .page-link {
+      margin-left: 0;
+    }
+  }
+
+  &:first-child {
+    .page-link {
+      border-top-left-radius: var(--#{$prefix}pagination-border-radius);
+      border-bottom-left-radius: var(--#{$prefix}pagination-border-radius);
+    }
+  }
+
+  &:last-child {
+    .page-link {
+      border-top-right-radius: var(--#{$prefix}pagination-border-radius);
+      border-bottom-right-radius: var(--#{$prefix}pagination-border-radius);
+    }
+  }
+}
+
+//
+// Pagination circle option
+//
+
+.pagination-circle {
+  .page-item {
+    &:first-child {
+      .page-link {
+        border-radius: var(--#{$prefix}pagination-circle-border-radius);
+      }
+    }
+
+    &:last-child {
+      .page-link {
+        border-radius: var(--#{$prefix}pagination-circle-border-radius);
+      }
+    }
+  }
+
+  .page-link {
+    border-radius: var(--#{$prefix}pagination-circle-border-radius);
+    padding-left: var(--#{$prefix}pagination-circle-padding-x);
+    padding-right: var(--#{$prefix}pagination-circle-padding-x);
+  }
+
+  &.pagination-lg {
+    .page-link {
+      padding-left: var(--#{$prefix}pagination-circle-padding-l-lg);
+      padding-right: var(--#{$prefix}pagination-circle-padding-r-lg);
+    }
+  }
+
+  &.pagination-sm {
+    .page-link {
+      padding-left: var(--#{$prefix}pagination-circle-padding-l-sm);
+      padding-right: var(--#{$prefix}pagination-circle-padding-r-sm);
+    }
+  }
+}

data/_third_party/mdb-ui-kit/src/scss/free/_popover.scss

@@ -0,0 +1,18 @@
+//
+// Popover styles
+//
+
+.popover {
+  // scss-docs-start popover-css-vars
+  --#{$prefix}popover-border-bottom-width: #{$popover-border-bottom-width};
+  // scss-docs-end popover-css-vars
+
+  .popover-arrow {
+    display: none;
+  }
+}
+
+.popover-header {
+  border-bottom: var(--#{$prefix}popover-border-bottom-width) solid
+    var(--#{$prefix}popover-border-color);
+}

data/_third_party/mdb-ui-kit/src/scss/free/_progress.scss

@@ -0,0 +1,6 @@
+// Progress
+
+.progress {
+  border-radius: 0;
+  box-shadow: none;
+}

data/_third_party/mdb-ui-kit/src/scss/free/_range.scss

@@ -0,0 +1,58 @@
+// range
+.range {
+  --#{$prefix}range-thumb-height: #{$range-thumb-height};
+  --#{$prefix}range-thumb-width: #{$range-thumb-width};
+  --#{$prefix}range-thumb-top: #{$range-thumb-top};
+  --#{$prefix}range-thumb-margin-left: #{$range-thumb-margin-left};
+  --#{$prefix}range-thumb-border-radius: #{$range-thumb-border-radius};
+  --#{$prefix}range-thumb-transform: #{$range-thumb-transform};
+  --#{$prefix}range-thumb-transition: #{$range-thumb-transition};
+  --#{$prefix}range-thumb-value-font-size: #{$range-thumb-value-font-size};
+  --#{$prefix}range-thumb-value-line-height: #{$range-thumb-value-line-height};
+  --#{$prefix}range-thumb-value-color: #{$range-thumb-value-color};
+  --#{$prefix}range-thumb-value-font-weight: #{$range-thumb-value-font-weight};
+  --#{$prefix}range-thumb-background: #{$range-thumb-background};
+
+  position: relative;
+
+  .thumb {
+    position: absolute;
+    display: block;
+    height: var(--#{$prefix}range-thumb-height);
+    width: var(--#{$prefix}range-thumb-width);
+    top: var(--#{$prefix}range-thumb-top);
+    margin-left: var(--#{$prefix}range-thumb-margin-left);
+    text-align: center;
+    border-radius: var(--#{$prefix}range-thumb-border-radius);
+    transform: var(--#{$prefix}range-thumb-transform);
+    transform-origin: bottom;
+    transition: var(--#{$prefix}range-thumb-transition);
+
+    &:after {
+      position: absolute;
+      display: block;
+      content: '';
+      transform: translateX(-50%);
+      width: 100%;
+      height: 100%;
+      top: 0;
+      border-radius: var(--#{$prefix}range-thumb-border-radius);
+      transform: rotate(-45deg);
+      background: var(--#{$prefix}range-thumb-background);
+      z-index: -1;
+    }
+
+    .thumb-value {
+      display: block;
+      font-size: var(--#{$prefix}range-thumb-value-font-size);
+      line-height: var(--#{$prefix}range-thumb-value-line-height);
+      color: var(--#{$prefix}range-thumb-value-color);
+      font-weight: var(--#{$prefix}range-thumb-value-font-weight);
+      z-index: 2;
+    }
+
+    &.thumb-active {
+      transform: scale(1);
+    }
+  }
+}

data/_third_party/mdb-ui-kit/src/scss/free/_reboot.scss

@@ -0,0 +1,66 @@
+// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
+
+// Reboot
+//
+// Normalization of HTML elements, manually forked from Normalize.css to remove
+// styles targeting irrelevant browsers while applying new styles.
+
+// Dividers
+
+hr:not([size]) {
+  &.hr {
+    --#{$prefix}divider-height: #{$divider-height};
+    --#{$prefix}divider-bg: #{$divider-bg};
+    --#{$prefix}divider-opacity: #{$divider-opacity};
+    --#{$prefix}divider-blurry-bg: transparent;
+    --#{$prefix}divider-blurry-bg-image: #{$divider-blurry-bg-image};
+    --#{$prefix}divider-blurry-height: #{$divider-blurry-height};
+    --#{$prefix}divider-blurry-opacity: #{$divider-blurry-opacity};
+
+    height: var(--#{$prefix}divider-height);
+    background-color: var(--#{$prefix}divider-bg);
+    opacity: var(--#{$prefix}divider-opacity);
+
+    &.hr-blurry {
+      background-color: var(--#{$prefix}divider-blurry-bg);
+      background-image: var(--#{$prefix}divider-blurry-bg-image);
+      height: var(--#{$prefix}divider-blurry-height);
+      opacity: var(--#{$prefix}divider-blurry-opacity);
+    }
+  }
+
+  &.vr {
+    height: auto;
+  }
+}
+
+hr.hr,
+hr.vr {
+  border-top: none !important;
+}
+
+.vr {
+  --#{$prefix}divider-width: #{$divider-width};
+  --#{$prefix}divider-bg: #{$divider-bg};
+  --#{$prefix}divider-opacity: #{$divider-opacity};
+
+  width: var(--#{$prefix}divider-width);
+  background-color: var(--#{$prefix}divider-bg);
+  opacity: var(--#{$prefix}divider-opacity);
+}
+
+.vr-blurry {
+  --#{$prefix}divider-blurry-vr-bg-image: #{$divider-blurry-vr-bg-image};
+  --#{$prefix}divider-blurry-vr-width: #{$divider-blurry-vr-width};
+  --#{$prefix}divider-blurry-opacity: #{$divider-blurry-opacity};
+
+  background-image: var(--#{$prefix}divider-blurry-vr-bg-image);
+  width: var(--#{$prefix}divider-blurry-vr-width);
+  opacity: var(--#{$prefix}divider-blurry-opacity);
+}
+
+// Links
+
+a {
+  text-decoration: none;
+}

data/_third_party/mdb-ui-kit/src/scss/free/_ripple.scss

@@ -0,0 +1,51 @@
+.ripple-surface {
+  position: relative;
+  overflow: hidden;
+  display: inline-block;
+  vertical-align: bottom;
+}
+
+.ripple-surface-unbound {
+  overflow: visible;
+}
+
+.ripple-wave {
+  --#{$prefix}ripple-wave-cubicBezier: #{$ripple-wave-cubicBezier};
+  --#{$prefix}ripple-wave-border-radius: #{$ripple-wave-border-radius};
+  --#{$prefix}ripple-wave-opacity: #{$ripple-wave-opacity};
+  --#{$prefix}ripple-wave-transform: #{$ripple-wave-transform};
+  --#{$prefix}ripple-wave-z-index: #{$ripple-wave-z-index};
+  --#{$prefix}ripple-wave-active-transform: #{$ripple-wave-active-transform};
+
+  @include ripple-variant(black);
+  border-radius: var(--#{$prefix}ripple-wave-border-radius);
+  opacity: var(--#{$prefix}ripple-wave-opacity);
+  pointer-events: none;
+  position: absolute;
+  touch-action: none;
+  transform: var(--#{$prefix}ripple-wave-transform);
+  transition-property: transform, opacity;
+  transition-timing-function: var(--#{$prefix}ripple-wave-cubicBezier),
+    var(--#{$prefix}ripple-wave-cubicBezier);
+  z-index: var(--#{$prefix}ripple-wave-z-index);
+  &.active {
+    transform: var(--#{$prefix}ripple-wave-active-transform);
+    opacity: 0;
+  }
+}
+
+.btn .ripple-wave {
+  @include ripple-variant(white);
+}
+
+.input-wrapper .ripple-wave {
+  @include ripple-variant(white);
+}
+
+@each $color, $value in $ripple {
+  .ripple-surface-#{$color} {
+    .ripple-wave {
+      @include ripple-variant($value);
+    }
+  }
+}

data/_third_party/mdb-ui-kit/src/scss/free/_root.scss

@@ -0,0 +1,8 @@
+//
+// Root and body
+//
+
+:root {
+  --mdb-font-roboto: #{inspect($font-family-roboto)};
+  --mdb-bg-opacity: 1;
+}