@yafnet/theme-kit 0.0.0-stage → 4.0.11

package/scss/choices/choices.scss

@@ -0,0 +1,376 @@
+/* ===============================
+=            Choices            =
+=============================== */
+
+@use "sass:color";
+
+$choices-selector: "choices" !default;
+
+$choices-font-size-lg: $input-font-size-lg;
+$choices-font-size-md: $input-font-size;
+$choices-font-size-sm: $input-font-size-sm;
+
+$choices-guttering: $spacer;
+
+$choices-border-radius: 0;
+$choices-border-radius-item: 0;
+
+@if $enable-rounded {
+    $choices-border-radius: $input-border-radius;
+    $choices-border-radius-item: $border-radius-pill;
+}
+
+$choices-bg-color: $input-bg;
+$choices-bg-color-disabled: $form-select-disabled-bg;
+$choices-bg-color-dropdown: $input-bg;
+$choices-text-color: $input-color;
+$choices-keyline-color: $input-border-color;
+$choices-primary-color: $primary;
+
+$choices-highlight-color: $dropdown-link-hover-color;
+$choices-highlight-bg-color: $dropdown-link-hover-bg;
+
+$choices-disabled-color: $form-select-disabled-bg;
+$choices-disabled-border-color: $form-select-disabled-border-color;
+
+$choices-button-dimension: 8px;
+$choices-button-offset: 8px;
+$choices-icon-cross: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==") !default;
+$choices-icon-cross-inverse: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==") !default;
+$choices-z-index: 1 !default;
+
+.#{$choices-selector} {
+    min-width: 300px;
+  position: relative;
+  overflow: hidden;
+  margin-bottom: $choices-guttering;
+  font-size: $choices-font-size-lg;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &.is-open {
+    overflow: visible;
+  }
+
+  &.is-disabled {
+    .#{$choices-selector}__inner,
+    .#{$choices-selector}__input {
+      background-color: $choices-bg-color-disabled;
+      cursor: not-allowed;
+      user-select: none;
+    }
+    .#{$choices-selector}__item {
+      cursor: not-allowed;
+    }
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+}
+
+.#{$choices-selector}[data-type*='select-one'] {
+  cursor: pointer;
+  .#{$choices-selector}__inner {
+    padding-bottom: 7.5px;
+  }
+  .#{$choices-selector}__input {
+    display: block;
+    width: 100%;
+    padding: 10px;
+    border-bottom: 1px solid $choices-keyline-color;
+    margin: 0;
+  }
+  .#{$choices-selector}__button {
+    vertical-align: sub;
+  }
+  .#{$choices-selector}__item[data-value=''] .#{$choices-selector}__button {
+    display: none;
+  }
+
+  &::after {
+    content: "";
+    height: 0;
+    width: 0;
+    border-style: solid;
+    border-color: $choices-text-color transparent transparent transparent;
+    border-width: 5px;
+    position: absolute;
+    right: 11.5px;
+    top: 50%;
+    margin-top: -2.5px;
+    pointer-events: none;
+  }
+
+  &.is-open::after {
+    border-color: transparent transparent $choices-text-color transparent;
+    margin-top: -7.5px;
+  }
+
+  &[dir="rtl"] {
+    &::after {
+      left: 11.5px;
+      right: auto;
+    }
+  }
+}
+
+.#{$choices-selector}[data-type*='select-multiple'],
+.#{$choices-selector}[data-type*='text'] {
+  .#{$choices-selector}__inner {
+    cursor: text;
+  }
+}
+
+.#{$choices-selector}__inner {
+    display: inline-block;
+    vertical-align: top;
+    width: 100%;
+    background-color: $choices-bg-color;
+    padding: 7.5px 7.5px 3.75px;
+    border: 1px solid $choices-keyline-color;
+    border-radius: $choices-border-radius;
+    font-size: $choices-font-size-md;
+    min-height: 44px;
+    overflow: hidden;
+
+    .is-focused &,
+    .is-open & {
+        border-color: $form-select-focus-border-color;
+
+        @if $enable-shadows {
+            @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
+        }
+        @else {
+            // Avoid using mixin so we can pass custom focus shadow properly
+            box-shadow: $form-select-focus-box-shadow;
+        }
+    }
+
+    .is-open & {
+        border-radius: $choices-border-radius $choices-border-radius 0 0;
+    }
+
+    .is-flipped.is-open & {
+        border-radius: 0 0 $choices-border-radius $choices-border-radius;
+    }
+}
+
+.#{$choices-selector}__list {
+  margin: 0;
+  padding-left: 0;
+  list-style: none;
+
+  &[aria-expanded] {
+    @extend %choices-dropdown;
+  }
+}
+
+.#{$choices-selector}__list--single {
+  display: inline-block;
+  padding: 4px 16px 4px 4px;
+  width: 100%;
+
+  [dir="rtl"] & {
+    padding-right: 4px;
+    padding-left: 16px;
+  }
+  .#{$choices-selector}__item {
+    width: 100%;
+  }
+}
+
+.#{$choices-selector}__list--multiple {
+    display: inline;
+
+    .#{$choices-selector}__item {
+        &[data-deletable] {
+            padding-right: 5px;
+        }
+
+        [dir="rtl"] & {
+            margin-right: 0;
+            margin-left: 3.75px;
+        }
+
+        &.is-highlighted {
+            background-color: $choices-highlight-bg-color;
+            color: $choices-highlight-color;
+            border: 1px solid color.adjust($choices-primary-color, $lightness: -10%);
+        }
+
+        .is-disabled & {
+            background-color: $choices-disabled-color;
+            border: 1px solid $choices-disabled-border-color;
+        }
+    }
+}
+
+%choices-dropdown {
+    visibility: hidden;
+    z-index: $choices-z-index;
+    position: absolute;
+    width: 100%;
+    background-color: $choices-bg-color-dropdown;
+    border: 1px solid $choices-keyline-color;
+    top: 100%;
+    margin-top: -1px;
+    border-bottom-left-radius: $choices-border-radius;
+    border-bottom-right-radius: $choices-border-radius;
+    overflow: hidden;
+    word-break: break-all;
+    will-change: visibility;
+
+    &.is-active {
+        visibility: visible;
+    }
+
+    .is-open & {
+        border-color: $form-select-focus-border-color;
+    }
+
+    .is-flipped & {
+        top: auto;
+        bottom: 100%;
+        margin-top: 0;
+        margin-bottom: -1px;
+        border-radius: 0.25rem 0.25rem 0 0;
+    }
+
+    .#{$choices-selector}__list {
+        position: relative;
+        max-height: 300px;
+        overflow: auto;
+        -webkit-overflow-scrolling: touch;
+        will-change: scroll-position;
+    }
+
+    .#{$choices-selector}__item {
+        position: relative;
+        padding: 10px;
+        font-size: $choices-font-size-md;
+
+        [dir="rtl"] & {
+            text-align: right;
+        }
+    }
+
+    .#{$choices-selector}__item--selectable {
+        @media (min-width: 640px) {
+            padding-right: 100px;
+
+            &::after {
+                content: attr(data-select-text);
+                font-size: $choices-font-size-sm;
+                opacity: 0;
+                position: absolute;
+                right: 10px;
+                top: 50%;
+                transform: translateY(-50%);
+            }
+
+            [dir="rtl"] & {
+                text-align: right;
+                padding-left: 100px;
+                padding-right: 10px;
+
+                &::after {
+                    right: auto;
+                    left: 10px;
+                }
+            }
+        }
+
+        &.is-highlighted {
+            background-color: $choices-highlight-bg-color;
+            color: $choices-highlight-color;
+
+            &::after {
+                opacity: 0.5;
+            }
+        }
+    }
+}
+
+.#{$choices-selector}__list--dropdown {
+  @extend %choices-dropdown;
+}
+
+.#{$choices-selector}__item {
+    cursor: default;
+
+    img {
+        max-height: 20px;
+        max-width: 20px;
+        vertical-align: sub;
+    }
+}
+
+.#{$choices-selector}__item--selectable {
+  cursor: pointer;
+}
+
+.#{$choices-selector}__item--disabled {
+  cursor: not-allowed;
+  user-select: none;
+  opacity: 0.5;
+}
+
+.#{$choices-selector}__heading {
+    font-weight: 600;
+    font-size: $choices-font-size-sm;
+    padding: 10px;
+    border-bottom: 1px solid $form-select-focus-border-color;
+    color: color.adjust(#333, $lightness: 30%);
+}
+
+.#{$choices-selector}__button {
+    vertical-align: sub;
+}
+
+.#{$choices-selector}__input {
+  display: inline-block;
+  vertical-align: baseline;
+  background-color: $choices-bg-color;
+  font-size: $choices-font-size-md;
+  margin-bottom: 5px;
+  border: 0;
+  border-radius: 0;
+  max-width: 100%;
+  padding: 4px 0 4px 2px;
+
+  &:focus {
+    outline: 0;
+  }
+
+  &::-webkit-search-decoration,
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-results-button,
+  &::-webkit-search-results-decoration {
+    display: none;
+  }
+
+  &::-ms-clear,
+  &::-ms-reveal {
+    display: none;
+    width: 0;
+    height: 0;
+  }
+
+  [dir="rtl"] & {
+    padding-right: 2px;
+    padding-left: 0;
+  }
+}
+
+.#{$choices-selector}__placeholder {
+  opacity: 0.5;
+}
+
+/* =====  End of Choices  ====== */

package/scss/forum/chat.scss

@@ -0,0 +1,99 @@
+.direct-chat-messages {
+    transform: translate(0, 0);
+    padding: 10px;
+    height: 450px;
+    overflow: auto;
+}
+
+.direct-chat-msg {
+    margin-bottom: 10px;
+}
+
+.direct-chat-text {
+    border-radius: 5px;
+    position: relative;
+    padding: 5px 10px;
+    margin: 5px 0 0 50px;
+
+    &:after {
+        position: absolute;
+        right: 100%;
+        top: 15px;
+        border: solid transparent;
+        content: ' ';
+        height: 0;
+        width: 0;
+        pointer-events: none;
+        border-width: 5px;
+        margin-top: -5px;
+    }
+
+    &:before {
+        position: absolute;
+        right: 100%;
+        top: 15px;
+        border: solid transparent;
+        content: ' ';
+        height: 0;
+        width: 0;
+        pointer-events: none;
+        border-width: 6px;
+        margin-top: -6px;
+    }
+}
+
+.start {
+    .direct-chat-text {
+        background: $primary-bg-subtle;
+        border: 1px solid $primary-bg-subtle;
+
+        &:after {
+            border-right-color: $primary-bg-subtle;
+        }
+
+        &:before {
+            border-right-color: $primary-bg-subtle;
+        }
+    }
+}
+
+.end {
+    .direct-chat-text {
+        background: $primary;
+        border: 1px solid $primary;
+        margin-right: 50px;
+        margin-left: 0;
+
+        &:before,
+        &:after {
+            border-right-color: $primary;
+            right: auto;
+            left: 100%;
+            border-right-color: transparent;
+            border-left-color: $primary-bg-subtle;
+        }
+    }
+
+    .direct-chat-img {
+        float: right;
+    }
+}
+
+.direct-chat-img {
+    float: left;
+    width: 40px;
+}
+
+.chat-list {
+    max-height: 300px;
+    margin-bottom: 10px;
+    overflow-y: scroll;
+
+    img {
+        width: 45px;
+    }
+
+    .chat-list-user {
+        cursor: pointer;
+    }
+}

package/scss/netStack.scss

@@ -0,0 +1,32 @@
+.stacktrace {
+    .st-type {
+        color: $secondary;
+        font-weight: bolder;
+    }
+
+    .st-method {
+        color: $primary;
+        font-weight: bolder;
+    }
+
+    .st-frame-params {
+        color: $secondary;
+        font-weight: normal;
+    }
+
+    .st-param-type {
+        color: $dark;
+    }
+
+    .st-param-name {
+        color: $success;
+    }
+
+    .st-file {
+        color: $warning;
+    }
+
+    .st-line {
+        color: $info;
+    }
+}

package/themes/brite/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013 Thomas Park
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.