jekyll-rubin-collab-theme 0.1.0 → 0.1.1

data/_third_party/mdb-ui-kit/src/scss/free/forms/_validation.scss

@@ -0,0 +1,266 @@
+//
+// Material styles for form validation
+//
+
+@mixin form-validation-state-selector($state) {
+  @if ($state == 'valid' or $state == 'invalid') {
+    .was-validated #{if(&, "&", "")}:#{$state},
+    #{if(&, "&", "")}.is-#{$state} {
+      @content;
+    }
+  } @else {
+    #{if(&, "&", "")}.is-#{$state} {
+      @content;
+    }
+  }
+}
+
+@mixin form-validation-state-mdb(
+  $state,
+  $color,
+  $tooltip-color: color-contrast($color),
+  $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
+  $focus-box-shadow: 0 0 0 $input-focus-width rgba($color, $input-btn-focus-color-opacity)
+) {
+  .#{$state}-feedback {
+    position: absolute;
+    display: none;
+    width: auto;
+    margin-top: $form-feedback-margin-top;
+    font-size: 0.875rem;
+    font-style: $form-feedback-font-style;
+    color: $color;
+    margin-top: -0.75rem;
+  }
+
+  .#{$state}-tooltip {
+    position: absolute;
+    top: 100%;
+    z-index: 5;
+    display: none;
+    max-width: 100%; // Contain to parent when possible
+    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
+    margin-top: 0.1rem;
+    font-size: 0.875rem;
+    line-height: $form-feedback-tooltip-line-height;
+    background-color: $tooltip-bg-color;
+    border-radius: 0.25rem !important;
+    color: $form-feedback-valid-tooltip-color;
+  }
+
+  @include form-validation-state-selector($state) {
+    ~ .#{$state}-feedback,
+    ~ .#{$state}-tooltip {
+      display: block;
+    }
+  }
+
+  .form-control {
+    @include form-validation-state-selector($state) {
+      margin-bottom: 1rem;
+      background-image: none;
+      border-color: $color;
+
+      &:focus {
+        border-color: $color;
+        box-shadow: $focus-box-shadow;
+      }
+    }
+  }
+
+  .form-outline {
+    .form-control {
+      @include form-validation-state-selector($state) {
+        ~ .form-label {
+          color: $color;
+        }
+
+        ~ .form-notch .form-notch-leading,
+        ~ .form-notch .form-notch-middle,
+        ~ .form-notch .form-notch-trailing {
+          border-color: $color;
+        }
+
+        &:focus ~ .form-notch .form-notch-middle,
+        &.active ~ .form-notch .form-notch-middle {
+          border-top: 1px solid transparent;
+        }
+        &:focus ~ .form-notch .form-notch-middle {
+          box-shadow: 0 1px 0 0 $color;
+        }
+        &:focus ~ .form-notch .form-notch-leading {
+          box-shadow: -1px 0 0 0 $color, 0 1px 0 0 $color, 0 -1px 0 0 $color;
+        }
+        &:focus ~ .form-notch .form-notch-trailing {
+          box-shadow: 1px 0 0 0 $color, 0 -1px 0 0 $color, 0 1px 0 0 $color;
+        }
+
+        &.select-input.focused {
+          & ~ .form-notch .form-notch-leading {
+            box-shadow: -1px 0 0 0 $color, 0 1px 0 0 $color, 0 -1px 0 0 $color;
+          }
+
+          & ~ .form-notch .form-notch-middle {
+            box-shadow: 0 1px 0 0 $color;
+            border-top: 1px solid transparent;
+          }
+
+          & ~ .form-notch .form-notch-trailing {
+            box-shadow: 1px 0 0 0 $color, 0 -1px 0 0 $color, 0 1px 0 0 $color;
+          }
+        }
+      }
+    }
+  }
+
+  .form-select {
+    @include form-validation-state-selector($state) {
+      border-color: $color;
+
+      &:focus {
+        border-color: $color;
+        box-shadow: $focus-box-shadow;
+      }
+
+      ~ .#{$state}-feedback {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .input-group {
+    .form-control {
+      @include form-validation-state-selector($state) {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  input[type='file'].form-control {
+    @include form-validation-state-selector($state) {
+      .#{$state}-feedback {
+        margin-top: 0;
+      }
+
+      &:focus {
+        box-shadow: inset 0 0 0 1px $color;
+        border-color: $color;
+
+        ~ .form-file-label {
+          box-shadow: none;
+        }
+      }
+
+      &:focus-within {
+        ~ .form-file-label {
+          .form-file-text,
+          .form-file-button {
+            border-color: $color;
+          }
+        }
+      }
+    }
+  }
+
+  .form-check-input {
+    @include form-validation-state-selector($state) {
+      border-color: $color;
+
+      &:checked {
+        background-color: $color;
+      }
+
+      &:checked {
+        &:focus {
+          &:before {
+            box-shadow: 0px 0px 0px 13px $color;
+          }
+        }
+      }
+
+      &:focus {
+        box-shadow: none;
+
+        &:before {
+          box-shadow: 0px 0px 0px 13px $color;
+        }
+      }
+
+      ~ .form-check-label {
+        color: $color;
+        margin-bottom: 1rem;
+      }
+
+      &[type='checkbox'] {
+        &:checked {
+          &:focus {
+            background-color: $color;
+            border-color: $color;
+          }
+        }
+      }
+
+      &[type='radio'] {
+        &:checked {
+          border-color: $color;
+          background-color: $white;
+
+          &:focus {
+            &:before {
+              box-shadow: 0px 0px 0px 13px $color;
+            }
+          }
+
+          &:after {
+            border-color: $color;
+            background-color: $color;
+          }
+        }
+      }
+    }
+  }
+  .form-check-inline .form-check-input {
+    ~ .#{$state}-feedback {
+      margin-left: 0.5em;
+    }
+  }
+
+  .form-switch {
+    .form-check-input {
+      @include form-validation-state-selector($state) {
+        &:focus {
+          &:before {
+            box-shadow: $form-switch-form-check-input-focus-before-box-shadow;
+          }
+        }
+        &:checked {
+          &[type='checkbox'] {
+            &:after {
+              background-color: $color;
+              box-shadow: $form-switch-form-check-input-checked-checkbox-after-box-shadow;
+            }
+          }
+          &:focus {
+            &:before {
+              box-shadow: 3px -1px 0px 13px $color;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.was-validated .input-group .invalid-feedback,
+.was-validated .input-group .valid-feedback {
+  margin-top: 2.5rem;
+}
+
+.input-group .invalid-feedback,
+.input-group .valid-feedback {
+  margin-top: 2.5rem;
+}
+
+@each $state, $data in $form-validation-states-mdb {
+  @include form-validation-state-mdb($state, $data...);
+}

data/_third_party/mdb-ui-kit/src/scss/free/mixins/_buttons.scss

@@ -0,0 +1,60 @@
+// Button variants
+//
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+// scss-docs-start btn-variant-mixin
+@mixin button-variant(
+  $background,
+  $color: color-contrast($background),
+  $shadow,
+  $hover-background,
+  $hover-color: color-contrast($hover-background),
+  $focus-background,
+  $focus-color: color-contrast($focus-background),
+  $active-background,
+  $active-color: color-contrast($active-background)
+) {
+  --#{$prefix}btn-bg: #{$background};
+  --#{$prefix}btn-color: #{$color};
+  --#{$prefix}btn-box-shadow: #{$shadow};
+  --#{$prefix}btn-hover-bg: #{$hover-background};
+  --#{$prefix}btn-hover-color: #{$hover-color};
+  --#{$prefix}btn-focus-bg: #{$focus-background};
+  --#{$prefix}btn-focus-color: #{$focus-color};
+  --#{$prefix}btn-active-bg: #{$active-background};
+  --#{$prefix}btn-active-color: #{$active-color};
+}
+// scss-docs-end btn-variant-mixin
+
+// scss-docs-start btn-outline-variant-mixin
+@mixin button-outline-variant($color, $hover-color, $focus-color, $active-color) {
+  --#{$prefix}btn-bg: transparent;
+  --#{$prefix}btn-color: #{$color};
+  --#{$prefix}btn-hover-bg: transparent;
+  --#{$prefix}btn-hover-color: #{$hover-color};
+  --#{$prefix}btn-focus-bg: transparent;
+  --#{$prefix}btn-focus-color: #{$focus-color};
+  --#{$prefix}btn-active-bg: transparent;
+  --#{$prefix}btn-active-color: #{$active-color};
+}
+// scss-docs-end btn-outline-variant-mixin
+
+// scss-docs-start btn-size-mixin
+@mixin button-size($padding-top, $padding-bottom, $padding-x, $font-size, $line-height) {
+  --#{$prefix}btn-padding-top: #{$padding-top};
+  --#{$prefix}btn-padding-bottom: #{$padding-bottom};
+  --#{$prefix}btn-padding-x: #{$padding-x};
+  @include rfs($font-size, --#{$prefix}btn-font-size);
+  --#{$prefix}btn-line-height: #{$line-height};
+}
+// scss-docs-end btn-size-mixin
+
+// Button size variant outline
+@mixin button-outline-size($padding-top, $padding-bottom, $padding-x, $font-size, $line-height) {
+  --#{$prefix}btn-padding-top: #{$padding-top};
+  --#{$prefix}btn-padding-bottom: #{$padding-bottom};
+  --#{$prefix}btn-padding-x: #{$padding-x};
+  @include rfs($font-size, --#{$prefix}btn-font-size);
+  --#{$prefix}btn-line-height: #{$line-height};
+}

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

@@ -0,0 +1,28 @@
+@mixin ripple-variant($color_value) {
+  $gradient: rgba(
+        $color: $color_value,
+        $alpha: 0.2,
+      )
+      0,
+    rgba(
+        $color: $color_value,
+        $alpha: 0.3,
+      )
+      40%,
+    rgba(
+        $color: $color_value,
+        $alpha: 0.4,
+      )
+      50%,
+    rgba(
+        $color: $color_value,
+        $alpha: 0.5,
+      )
+      60%,
+    rgba(
+        $color: $color_value,
+        $alpha: 0,
+      )
+      70%;
+  background-image: radial-gradient(circle, $gradient);
+}

data/_third_party/mdb-ui-kit/src/scss/free/mixins/_table-variants.scss

@@ -0,0 +1,9 @@
+// Deprecated
+
+// scss-docs-start table-variant
+// @mixin table-variant-mdb($state, $background) {
+//   .table-#{$state} {
+//     background-color: $background;
+//   }
+// }
+// scss-docs-end table-variant

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

@@ -0,0 +1,103 @@
+// CORE FUNCTIONS
+@import './bootstrap-rtl-fix/functions';
+@import './free/functions';
+
+// CORE VARIABLES
+@import './custom/variables';
+@import './free/variables';
+@import './bootstrap-rtl-fix/variables';
+@import './bootstrap-rtl-fix/maps';
+
+// BOOTSTRAP CORE
+@import './bootstrap-rtl-fix/mixins';
+@import './bootstrap-rtl-fix/utilities';
+
+// BOOTSTRAP CORE COMPONENTS
+@import './bootstrap-rtl-fix/root';
+@import './bootstrap-rtl-fix/reboot';
+@import './bootstrap-rtl-fix/type';
+@import './bootstrap-rtl-fix/images';
+@import './bootstrap-rtl-fix/containers';
+@import './bootstrap-rtl-fix/grid';
+
+// BOOTSTRAP COMPONENTS
+@import './bootstrap-rtl-fix/tables';
+@import './bootstrap-rtl-fix/forms';
+@import './bootstrap-rtl-fix/buttons';
+@import './bootstrap-rtl-fix/transitions';
+@import './bootstrap-rtl-fix/dropdown';
+@import './bootstrap-rtl-fix/button-group';
+@import './bootstrap-rtl-fix/nav';
+@import './bootstrap-rtl-fix/navbar';
+@import './bootstrap-rtl-fix/card';
+@import './bootstrap-rtl-fix/breadcrumb';
+@import './bootstrap-rtl-fix/pagination';
+@import './bootstrap-rtl-fix/badge';
+@import './bootstrap-rtl-fix/alert';
+@import './bootstrap-rtl-fix/accordion';
+@import './bootstrap-rtl-fix/progress';
+@import './bootstrap-rtl-fix/placeholders';
+@import './bootstrap-rtl-fix/list-group';
+@import './bootstrap-rtl-fix/close';
+@import './bootstrap-rtl-fix/toasts';
+@import './bootstrap-rtl-fix/modal';
+@import './bootstrap-rtl-fix/popover';
+@import './bootstrap-rtl-fix/carousel';
+@import './bootstrap-rtl-fix/spinners';
+@import './bootstrap-rtl-fix/offcanvas';
+@import './bootstrap-rtl-fix/tooltip';
+
+// Helpers
+@import './bootstrap-rtl-fix/helpers';
+
+// Utilities
+@import './free/utilities';
+@import './bootstrap-rtl-fix/utilities/api';
+
+// MDB CORE
+@import './free/mixins';
+@import './free/utilities';
+
+// MDB CORE COMPONENTS
+@import './free/root';
+@import './free/reboot';
+@import './free/type';
+@import './free/colors';
+@import './free/shadows';
+@import './free/flag';
+@import './free/images';
+
+// MDB FORMS
+@import './free/forms/form-control';
+@import './free/forms/form-select';
+@import './free/forms/form-check';
+@import './free/forms/form-file';
+@import './free/forms/input-group';
+@import './free/forms/validation';
+@import './free/forms/form-range';
+
+// MDB COMPONENTS
+@import './free/tables';
+@import './free/buttons';
+@import './free/deprecated';
+@import './free/dropdown';
+@import './free/button-group';
+@import './free/nav';
+@import './free/navbar';
+@import './free/card';
+@import './free/breadcrumb';
+@import './free/pagination';
+@import './free/badge';
+@import './free/alert';
+@import './free/progress';
+@import './free/list-group';
+@import './free/close';
+@import './free/modal';
+@import './free/toasts';
+@import './free/tooltip';
+@import './free/popover';
+@import './free/scrollspy';
+@import './free/ripple';
+@import './free/range';
+@import './free/accordion';
+@import './free/carousel';