jekyll-rubin-collab-theme 0.1.0 → 0.1.1

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

@@ -0,0 +1,262 @@
+//
+// Material styles for check / radio / switch
+//
+
+.form-check {
+  min-height: 1.5rem;
+}
+
+.form-check-input {
+  position: relative;
+  width: $form-check-input-width-md;
+  height: $form-check-input-height;
+  background-color: $form-check-input-background-color;
+  border: $form-check-input-border-width solid $form-check-input-border-color;
+
+  &:before {
+    content: '';
+    position: absolute;
+    box-shadow: $form-check-input-before-box-shadow;
+    border-radius: $form-check-input-before-border-radius;
+    width: $form-check-input-before-width;
+    height: $form-check-input-before-height;
+    background-color: transparent;
+    opacity: 0;
+    pointer-events: none;
+    transform: $form-check-input-before-transform;
+  }
+
+  &:hover {
+    cursor: pointer;
+
+    &:before {
+      opacity: $form-check-input-hover-before-opacity;
+      box-shadow: $form-check-input-hover-before-box-shadow;
+    }
+  }
+
+  &:focus {
+    box-shadow: none;
+    border-color: $form-check-input-focus-border-color;
+    transition: $form-check-input-focus-transition;
+
+    &:before {
+      opacity: $form-check-input-focus-before-opacity;
+      box-shadow: $form-check-input-focus-before-box-shadow;
+      transform: $form-check-input-focus-before-transform;
+      transition: $form-check-input-focus-before-transition;
+    }
+  }
+
+  &:checked {
+    border-color: $form-check-input-checked-border-color;
+
+    &:before {
+      opacity: $form-check-input-checked-before-opacity;
+    }
+
+    &:after {
+      content: '';
+      position: absolute;
+    }
+
+    &:focus {
+      border-color: $form-check-input-checked-focus-border-color;
+
+      &:before {
+        box-shadow: $form-check-input-checked-focus-before-box-shadow;
+        transform: $form-check-input-checked-focus-before-transform;
+        transition: $form-check-input-checked-focus-before-transition;
+      }
+    }
+  }
+
+  &:indeterminate {
+    &:focus {
+      &:before {
+        box-shadow: $form-check-input-indeterminate-focus-before-box-shadow;
+      }
+    }
+  }
+
+  &[type='checkbox'] {
+    border-radius: $form-check-input-checkbox-border-radius;
+    margin-top: 0.19em;
+    margin-right: 6px;
+
+    &:focus {
+      &:after {
+        content: '';
+        position: absolute;
+        width: $form-check-input-checkbox-focus-after-width;
+        height: $form-check-input-checkbox-focus-after-height;
+        z-index: 1;
+        display: block;
+        border-radius: 0;
+        background-color: $form-check-input-checkbox-focus-after-background-color;
+      }
+    }
+
+    &:checked {
+      background-image: none;
+      background-color: $form-check-input-checkbox-checked-background-color;
+
+      &:after {
+        display: block;
+        transform: $form-check-input-checkbox-checked-after-transform #{'/*!rtl:ignore*/'};
+        border-width: $form-check-input-checkbox-checked-after-border-width;
+        border-color: $form-check-input-checkbox-checked-after-border-color;
+        width: $form-check-input-checkbox-checked-after-width;
+        height: $form-check-input-checkbox-checked-after-height;
+        border-style: solid;
+        border-top: 0;
+        border-left: 0 #{'/*!rtl:ignore*/'};
+        margin-left: $form-check-input-checkbox-checked-after-margin-left;
+        margin-top: $form-check-input-checkbox-checked-after-margin-top;
+        background-color: transparent;
+      }
+
+      &:focus {
+        background-color: $form-check-input-checkbox-checked-focus-background-color;
+      }
+    }
+
+    &:indeterminate {
+      border-color: $form-check-input-indeterminate-focus-border-color;
+    }
+  }
+
+  &[type='radio'] {
+    border-radius: $form-check-input-radio-border-radius;
+    width: $form-check-input-radio-width;
+    height: $form-check-input-radio-height;
+    margin-top: 0.125em;
+    margin-right: 4px;
+
+    &:before {
+      width: $form-check-input-radio-before-width;
+      height: $form-check-input-radio-before-height;
+    }
+
+    &:after {
+      content: '';
+      position: absolute;
+      width: $form-check-input-radio-after-width;
+      height: $form-check-input-radio-after-height;
+      z-index: 1;
+      display: block;
+      border-radius: $form-check-input-radio-after-border-radius;
+      background-color: $form-check-input-radio-after-background-color;
+    }
+
+    &:checked {
+      background-image: none;
+      background-color: $form-check-input-radio-checked-background-color;
+
+      &:after {
+        border-radius: $form-check-input-radio-checked-after-border-radius;
+        width: $form-check-input-radio-checked-after-width;
+        height: $form-check-input-radio-checked-after-height;
+        border-color: $form-check-input-radio-checked-after-border-color;
+        background-color: $form-check-input-radio-checked-after-background-color;
+        transition: $form-check-input-radio-checked-after-transition;
+        transform: translate(-50%, -50%);
+        position: absolute;
+        left: 50%;
+        top: 50%;
+      }
+
+      &:focus {
+        background-color: $form-check-input-radio-checked-focus-background-color;
+      }
+    }
+  }
+}
+
+.form-check-label {
+  padding-left: 0.15rem;
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+//
+// Switch
+//
+
+.form-switch {
+  .form-check-input {
+    background-image: none;
+    border-width: 0;
+    border-radius: $form-switch-form-check-input-border-radius;
+    width: $form-switch-form-check-input-width;
+    height: $form-switch-form-check-input-height;
+    background-color: $form-switch-form-check-input-background-color;
+    margin-top: 0.3em;
+    margin-right: 8px;
+
+    &:after {
+      content: '';
+      position: absolute;
+      border: none;
+      z-index: 2;
+      border-radius: $form-switch-form-check-input-after-border-radius;
+      width: $form-switch-form-check-input-after-width;
+      height: $form-switch-form-check-input-after-height;
+      background-color: $form-switch-form-check-input-after-background-color;
+      margin-top: $form-switch-form-check-input-after-margin-top;
+      box-shadow: $form-switch-form-check-input-after-box-shadow;
+      transition: $form-switch-form-check-input-after-transition;
+    }
+
+    &:focus {
+      background-image: none;
+
+      &:before {
+        box-shadow: $form-switch-form-check-input-focus-before-box-shadow;
+        transform: $form-switch-form-check-input-focus-before-transform;
+        transition: $form-switch-form-check-input-focus-before-transition;
+      }
+
+      &:after {
+        border-radius: $form-switch-form-check-input-focus-after-border-radius;
+        width: $form-switch-form-check-input-focus-after-width;
+        height: $form-switch-form-check-input-focus-after-height;
+      }
+    }
+
+    &:checked {
+      background-image: none;
+
+      &:focus {
+        background-image: none;
+
+        &:before {
+          margin-left: $form-switch-form-check-input-checked-focus-before-margin-left;
+          box-shadow: $form-switch-form-check-input-checked-focus-before-box-shadow;
+          transform: $form-switch-form-check-input-checked-focus-before-transform;
+          transition: $form-switch-form-check-input-checked-focus-before-transition;
+        }
+      }
+
+      &[type='checkbox'] {
+        background-image: none;
+
+        &:after {
+          content: '';
+          position: absolute;
+          border: none;
+          z-index: 2;
+          border-radius: $form-switch-form-check-input-checked-checkbox-after-border-radius;
+          width: $form-switch-form-check-input-checked-checkbox-after-width;
+          height: $form-switch-form-check-input-checked-checkbox-after-height;
+          background-color: $form-switch-form-check-input-checked-checkbox-after-background-color;
+          margin-top: $form-switch-form-check-input-checked-checkbox-after-margin-top;
+          margin-left: $form-switch-form-check-input-checked-checkbox-after-margin-left;
+          box-shadow: $form-switch-form-check-input-checked-checkbox-after-box-shadow;
+          transition: $form-switch-form-check-input-checked-checkbox-after-transition;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,244 @@
+//
+// Material styles for form control - form outline
+//
+
+.form-control {
+  min-height: auto;
+  padding: 4.5px 12px 3.68px 12px;
+  transition: all 0.1s linear;
+  box-shadow: none;
+
+  &:focus {
+    box-shadow: none;
+    transition: all 0.1s linear;
+    border-color: $primary;
+    box-shadow: inset 0px 0px 0px 1px $primary;
+  }
+  &.form-control-sm {
+    font-size: 0.775rem;
+    line-height: 1.5;
+  }
+  &.form-control-lg {
+    line-height: 2.15;
+    border-radius: 0.25rem;
+  }
+}
+
+.form-outline {
+  position: relative;
+  width: 100%;
+
+  .form-helper {
+    width: 100%;
+    position: absolute;
+    font-size: 0.875em;
+    color: #757575;
+    .form-counter {
+      text-align: right;
+    }
+  }
+
+  .trailing {
+    position: absolute;
+    right: 10px;
+    left: initial;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+
+  .form-icon-trailing {
+    padding-right: 2rem !important;
+  }
+
+  .form-control {
+    min-height: auto;
+    padding-top: $input-padding-top;
+    padding-bottom: $input-padding-bottom;
+    padding-left: $input-padding-left;
+    padding-right: $input-padding-right;
+    border: 0;
+    background: transparent;
+    transition: $input-transition;
+    ~ .form-label {
+      position: absolute;
+      top: 0;
+      max-width: 90%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      left: $form-label-left;
+      padding-top: $form-label-padding-top;
+      pointer-events: none;
+      transform-origin: 0 0;
+      transition: $form-label-transition;
+      color: $form-label-color;
+      margin-bottom: 0;
+    }
+    ~ .form-notch {
+      display: flex;
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      max-width: 100%;
+      height: 100%;
+      text-align: left;
+      pointer-events: none;
+      div {
+        pointer-events: none;
+        border: $border-width solid;
+        border-color: $form-notch-div-border-color;
+        box-sizing: border-box;
+        background: transparent;
+        transition: $input-transition;
+      }
+      .form-notch-leading {
+        left: 0;
+        top: 0;
+        height: 100%;
+        width: $form-notch-leading-width;
+        border-right: none;
+        border-radius: $form-notch-leading-border-radius 0 0 $form-notch-leading-border-radius;
+      }
+      .form-notch-middle {
+        flex: 0 0 auto;
+        width: auto;
+        max-width: calc(100% - #{$form-notch-middle-max-width});
+        height: 100%;
+        border-right: none;
+        border-left: none;
+      }
+      .form-notch-trailing {
+        flex-grow: 1;
+        height: 100%;
+        border-left: none;
+        border-radius: 0 $form-notch-trailing-border-radius $form-notch-trailing-border-radius 0;
+      }
+    }
+    &:not(.placeholder-active)::placeholder {
+      opacity: 0;
+    }
+    &:focus,
+    &.active {
+      &::placeholder {
+        opacity: 1;
+      }
+    }
+    &:focus {
+      box-shadow: none !important;
+    }
+    &:focus ~ .form-label,
+    &.active ~ .form-label {
+      transform: $input-focus-active-label-transform;
+    }
+    &:focus ~ .form-label {
+      color: $input-focus-label-color;
+    }
+    &:focus ~ .form-notch .form-notch-middle,
+    &.active ~ .form-notch .form-notch-middle {
+      border-right: none;
+      border-left: none;
+      border-top: 1px solid transparent;
+    }
+    &:focus ~ .form-notch .form-notch-middle {
+      border-color: $input-focus-border-color;
+      box-shadow: 0 1px 0 0 $input-focus-border-color;
+      border-top: 1px solid transparent;
+    }
+    &:focus ~ .form-notch .form-notch-leading,
+    &.active ~ .form-notch .form-notch-leading {
+      border-right: none;
+    }
+    &:focus ~ .form-notch .form-notch-leading {
+      border-color: $input-focus-border-color;
+      box-shadow: -1px 0 0 0 $input-focus-border-color, 0 1px 0 0 $input-focus-border-color,
+        0 -1px 0 0 $input-focus-border-color;
+    }
+    &:focus ~ .form-notch .form-notch-trailing,
+    &.active ~ .form-notch .form-notch-trailing {
+      border-left: none;
+    }
+    &:focus ~ .form-notch .form-notch-trailing {
+      border-color: $input-focus-border-color;
+      box-shadow: 1px 0 0 0 $input-focus-border-color, 0 -1px 0 0 $input-focus-border-color,
+        0 1px 0 0 $input-focus-border-color;
+    }
+    &:disabled,
+    &.disabled,
+    &[readonly] {
+      background-color: $input-disabled-background-color;
+    }
+    &.form-control-lg {
+      font-size: $input-font-size-lg;
+      line-height: $input-line-height-lg;
+      // padding-left: $input-padding-left-lg;
+      // padding-right: $input-padding-right-lg;
+      ~ .form-label {
+        padding-top: $form-label-padding-top-lg;
+      }
+      &:focus ~ .form-label,
+      &.active ~ .form-label {
+        transform: $input-focus-active-label-transform-lg;
+      }
+    }
+    &.form-control-sm {
+      // padding-left: $input-padding-left-sm;
+      // padding-right: $input-padding-right-sm;
+      padding-top: $input-padding-top-sm;
+      padding-bottom: $input-padding-bottom-sm;
+      font-size: $input-font-size-sm;
+      line-height: $input-line-height-sm;
+      ~ .form-label {
+        padding-top: $form-label-padding-top-sm;
+        font-size: $form-label-font-size-sm;
+      }
+      &:focus ~ .form-label,
+      &.active ~ .form-label {
+        transform: $input-focus-active-label-transform-sm;
+      }
+    }
+  }
+
+  &.form-white {
+    .form-control {
+      color: $form-white-input-color;
+      ~ .form-label {
+        color: $form-white-label-color;
+      }
+      ~ .form-notch {
+        div {
+          border-color: $form-white-notch-div-border-color;
+        }
+      }
+      &:focus ~ .form-label {
+        color: $form-white-input-focus-label-color;
+      }
+      &:focus ~ .form-notch .form-notch-middle {
+        border-color: $form-white-input-focus-border-color;
+        box-shadow: 0 1px 0 0 $form-white-input-focus-border-color;
+        border-top: 1px solid transparent;
+      }
+      &:focus ~ .form-notch .form-notch-leading {
+        border-color: $form-white-input-focus-border-color;
+        box-shadow: -1px 0 0 0 $form-white-input-focus-border-color,
+          0 1px 0 0 $form-white-input-focus-border-color,
+          0 -1px 0 0 $form-white-input-focus-border-color;
+      }
+      &:focus ~ .form-notch .form-notch-trailing {
+        border-color: $form-white-input-focus-border-color;
+        box-shadow: 1px 0 0 0 $form-white-input-focus-border-color,
+          0 -1px 0 0 $form-white-input-focus-border-color,
+          0 1px 0 0 $form-white-input-focus-border-color;
+      }
+      &::placeholder {
+        color: $form-white-placeholder-color;
+      }
+      &:disabled,
+      &.disabled,
+      &[readonly] {
+        background-color: $form-white-disabled-bgc;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+.form-control {
+  &[type='file'] {
+    &::-webkit-file-upload-button {
+      background-color: transparent;
+    }
+  }
+  &:hover {
+    &:not(:disabled):not([readonly])::-webkit-file-upload-button {
+      background-color: transparent;
+    }
+  }
+}

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

@@ -0,0 +1,48 @@
+// Range
+//
+// Style range inputs the same across browsers. Vendor-specific rules for pseudo
+// elements cannot be mixed. As such, there are no shared styles for focus or
+// active states on prefixed selectors.
+
+.form-range {
+  &:focus {
+    box-shadow: none;
+
+    // Pseudo-elements must be split across multiple rulesets to have an effect.
+    // No box-shadow() mixin for focus accessibility.
+    &::-webkit-slider-thumb {
+      box-shadow: none;
+    }
+    &::-moz-range-thumb {
+      box-shadow: none;
+    }
+    &::-ms-thumb {
+      box-shadow: none;
+    }
+  }
+
+  &::-moz-focus-outer {
+    border: 0;
+  }
+
+  &::-webkit-slider-thumb {
+    margin-top: $form-range-webkit-slider-thumb-margin-top; // Webkit specific
+    box-shadow: none;
+    appearance: none;
+  }
+
+  &::-webkit-slider-runnable-track {
+    height: $form-range-webkit-slider-runnable-track-height;
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  &::-moz-range-thumb {
+    box-shadow: none;
+    appearance: none;
+  }
+
+  &::-moz-range-track {
+    box-shadow: none;
+  }
+}

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

@@ -0,0 +1,19 @@
+// Select
+
+.select-input {
+  &.form-control {
+    &[readonly]:not([disabled]) {
+      background-color: transparent;
+    }
+  }
+}
+
+.form-select {
+  transition: $form-select-transition;
+}
+
+.form-select:focus {
+  border-color: $form-select-focus-border-color;
+  outline: 0;
+  box-shadow: $form-select-focus-border-box-shadow;
+}

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

@@ -0,0 +1,127 @@
+//
+// Base styles
+//
+
+.input-group {
+  flex-wrap: nowrap;
+
+  > .form-control {
+    min-height: $input-group-min-height;
+    height: $input-group-height;
+    padding-top: $input-group-padding-y;
+    padding-bottom: $input-group-padding-y;
+    transition: $input-group-transition;
+
+    &:focus {
+      transition: $input-group-focus-transition;
+      border-color: $input-group-focus-border-color;
+      outline: 0;
+      box-shadow: $input-group-focus-box-shadow;
+    }
+  }
+}
+
+.input-group-text {
+  background-color: transparent;
+  padding-top: $input-group-text-padding-y;
+  padding-bottom: $input-group-text-padding-y;
+  > .form-check-input[type='checkbox'] {
+    margin-left: 1px;
+    margin-right: 1px;
+  }
+  > .form-check-input[type='radio'] {
+    margin-right: 0;
+  }
+}
+
+.input-group-lg {
+  > .form-control {
+    height: $input-group-lg-height;
+    font-size: $input-group-lg-font-size;
+    padding-top: $input-group-lg-padding-y;
+    padding-bottom: $input-group-lg-padding-y;
+  }
+
+  .input-group-text {
+    font-size: $input-group-lg-text-font-size;
+  }
+}
+
+.input-group-sm {
+  > .form-control {
+    min-height: $input-group-sm-min-height;
+    height: $input-group-sm-height;
+    font-size: $input-group-sm-font-size;
+    padding-top: $input-group-sm-padding-y;
+    padding-bottom: $input-group-sm-padding-y;
+  }
+
+  .input-group-text {
+    font-size: $input-group-sm-text-font-size;
+    line-height: $input-group-sm-text-line-height;
+  }
+}
+
+.input-group {
+  &.form-outline {
+    .input-group-text {
+      border-left: 0;
+    }
+    input + .input-group-text {
+      border: 0;
+      border-left: $input-group-form-outline-border-left-width solid
+        $input-group-form-outline-border-left-color;
+    }
+  }
+  .form-outline:not(:first-child),
+  .select-wrapper:not(:first-child),
+  .form-outline:not(:first-child) .form-notch-leading,
+  .select-wrapper:not(:first-child) .form-notch-leading {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+  .form-outline:not(:last-child),
+  .select-wrapper:not(:last-child),
+  .form-outline:not(:last-child) .form-notch-trailing,
+  .select-wrapper:not(:last-child) .form-notch-trailing {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+}
+
+.input-group > [class*='btn-outline-'] + [class*='btn-outline-'] {
+  border-left: 0;
+}
+
+.input-group > .btn[class*='btn-outline-'] {
+  padding-top: 0.47rem;
+}
+
+.input-group > .btn {
+  padding-top: 0.59rem;
+}
+
+.input-group {
+  &.input-group-lg {
+    .input-group-text {
+      height: $input-group-lg-height;
+    }
+  }
+}
+
+.input-group {
+  .input-group-text {
+    height: $input-group-height;
+  }
+  .btn {
+    line-height: 1;
+  }
+}
+
+.input-group {
+  &.input-group-sm {
+    .input-group-text {
+      height: $input-group-sm-height;
+    }
+  }
+}