@posiwise/admin-module 0.0.3

package/assets/scss/dashboard/mixins/_buttons.scss

@@ -0,0 +1,78 @@
+// from bs mixins/buttons button-variant
+
+// For Social Buttons
+
+// Button variants
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+
+@mixin button-variant($color, $background, $border) {
+    background-color: $background;
+    border-color: $border;
+    color: $color !important;
+
+    &:focus,
+    &.focus {
+        background-color: darken($background, 10%) !important;
+        border-color: darken($border, 25%);
+        color: $color;
+    }
+
+    &:hover {
+        background-color: darken($background, 10%) !important;
+        border-color: darken($border, 12%);
+        color: $color;
+    }
+
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle {
+        background-color: darken($background, 10%) !important;
+        border-color: darken($border, 12%);
+        color: $color;
+
+        &:hover,
+        &:focus,
+        &.focus {
+            background-color: darken($background, 17%) !important;
+            border-color: darken($border, 25%);
+            color: $color;
+        }
+    }
+
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle {
+        background-image: none;
+    }
+
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+        &:hover,
+        &:focus,
+        &.focus {
+            background-color: $background;
+            border-color: $border;
+        }
+    }
+
+    .badge {
+        background-color: $color;
+        color: $background;
+    }
+}
+
+// Button sizes
+@mixin button-size(
+    $padding-vertical,
+    $padding-horizontal,
+    $font-size,
+    $line-height,
+    $border-radius
+) {
+    border-radius: $border-radius;
+    font-size: $font-size;
+    line-height: $line-height;
+    padding: $padding-vertical $padding-horizontal;
+}

package/assets/scss/dashboard/mixins/_colors.scss

@@ -0,0 +1,29 @@
+@mixin bg-opacity($color, $opacity: 1) {
+    background: rgb($color, $opacity);
+}
+
+// Progress bars
+
+@mixin progress-variant($color) {
+    background-color: $color;
+
+    &[value]::-webkit-progress-value {
+        background-color: $color;
+    }
+
+    &[value]::-moz-progress-bar {
+        background-color: $color;
+    }
+
+    // IE10+, Microsoft Edge
+    &[value]::-ms-fill {
+        background-color: $color;
+    }
+
+    // IE9
+    @media screen and (min-width: 0\0) {
+        .progress-bar {
+            background-color: $color;
+        }
+    }
+}

package/assets/scss/dashboard/mixins/_custom.scss

@@ -0,0 +1,34 @@
+// center vertically and/or horizontally an absolute positioned element
+
+@mixin center($xy: xy) {
+    @if $xy == xy {
+        bottom: auto;
+        left: 50%;
+        right: auto;
+        top: 50%;
+        transform: ranslatex(-50%) translateY(-50%);
+    } @else if $xy == x {
+        left: 50%;
+        right: auto;
+        transform: translateX(-50%);
+    } @else if $xy == y {
+        bottom: auto;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+}
+
+@function calculateRem($size) {
+    $remSize: $size / 16px;
+
+    @return $remSize * 1rem;
+}
+
+@mixin font-size($size) {
+    font-size: calculaterem($size);
+}
+
+// border radius
+@mixin border-radius($radius: 0.25em) {
+    border-radius: $radius;
+}

package/assets/scss/dashboard/mixins/_shadows.scss

@@ -0,0 +1,62 @@
+@use 'sass:math';
+
+// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
+
+@mixin shadow-z-1() {
+    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 12%), 0 1px 6px 0 rgb(0 0 0 / 12%);
+}
+
+@mixin shadow-z-1-hover() {
+    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
+}
+
+@mixin shadow-z-2() {
+    box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
+}
+
+@mixin shadow-z-3() {
+    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
+}
+
+@mixin shadow-z-4() {
+    box-shadow: 0 16px 28px 0 rgb(0 0 0 / 22%), 0 25px 55px 0 rgb(0 0 0 / 21%);
+}
+
+@mixin shadow-z-5() {
+    box-shadow: 0 27px 24px 0 rgb(0 0 0 / 20%), 0 40px 77px 0 rgb(0 0 0 / 22%);
+}
+
+/* Shadows (from mdl http://www.getmdl.io/) */
+
+// Focus shadow mixin.
+@mixin big-shadow() {
+    box-shadow: 0 0 8px rgb(0 0 0 / 18%), 0 8px 16px rgb(0 0 0 / 36%);
+}
+
+@mixin shadow-big() {
+    box-shadow: 0 10px 30px -12px rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
+        0 4px 25px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
+        0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
+}
+
+@mixin shadow-big-navbar() {
+    box-shadow: 0 10px 20px -12px rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
+        0 3px 20px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
+        0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
+}
+
+@mixin shadow-big-color($color) {
+    box-shadow: 0 12px 20px -10px rgb($color $shadow-penumbra-opacity * 200%),
+        0 4px 20px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
+        0 7px 8px -5px rgb($color $shadow-umbra-opacity);
+}
+
+@mixin sidebar-shadow() {
+    box-shadow: 2px 10px 30px 0 rgb(0 0 math.div(0, $shadow-penumbra-opacity * 3)),
+        0 4px 25px 0 rgb(0 0 math.div(0, $shadow-ambient-opacity)),
+        0 8px 10px -5px rgb(0 0 math.div(0, $shadow-umbra-opacity));
+}
+
+@mixin card-shadow() {
+    box-shadow: 0 1px 0 0 rgb(0 0 0 / 1%), 0 2px 4px 0 rgb(0 0 0 / 3%);
+}

package/assets/scss/dashboard/mixins/_type.scss

@@ -0,0 +1,16 @@
+@mixin headings() {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        @content;
+    }
+}
+
+// 14sp font
+%std-font {
+    font-size: 1rem;
+    font-weight: normal;
+}

package/assets/scss/dashboard/mixins/_typography.scss

@@ -0,0 +1,29 @@
+@mixin font-weight($weight) {
+    $weights: (
+        thin: 100,
+        extra-light: 200,
+        ultra-light: 200,
+        light: 300,
+        normal: 400,
+        book: 400,
+        regular: 400,
+        medium: 500,
+        semi-bold: 600,
+        demi-bold: 600,
+        bold: 700,
+        extra-bold: 800,
+        ultra-bold: 900,
+        heavy: 900,
+        rgb(0 0 0): 900,
+        ultra: 900,
+        ultra-black: 900,
+        extra-ultra: 900
+    );
+    $output: $weight;
+
+    @if map-has-key($weights, $weight) {
+        $output: map-get($weights, $weight);
+    }
+
+    font-weight: $output;
+}

package/assets/scss/dashboard/mixins/_utilities.scss

@@ -0,0 +1,129 @@
+@function calc-top($line-height-base, $font-size, $component-height) {
+    @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height
+}
+
+// Emulate the less #contrast function
+// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)
+// contrast-color and brightness borrowed from compass
+// Copyright (c) 2009-2014 Christopher M. Eppstein
+// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown
+@function contrast-color(
+    $color,
+    $dark: $contrasted-dark-default,
+    $light: $contrasted-light-default,
+    $threshold: null
+) {
+    @if $threshold {
+        // Deprecated in Compass 0.13
+        @warn 'The $threshold argment to contrast-color is no longer needed and will be removed in the next release.';
+    }
+
+    @if $color == null {
+        @return null;
+    } @else {
+        $color-brightness: brightness($color);
+        $dark-text-brightness: brightness($dark);
+        $light-text-brightness: brightness($light);
+
+        @return if(
+            abs($color-brightness - $light-text-brightness) >
+                abs($color-brightness - $dark-text-brightness),
+            $light,
+            $dark
+        );
+    }
+}
+
+@function brightness($color) {
+    @if type-of($color) == color {
+        @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;
+    } @else {
+        @return unquote('brightness(#{$color})');
+    }
+}
+
+@mixin set-background-color($color) {
+    @include set-sidebar-background($color);
+    @include set-font-icon-color($color);
+
+    background-color: $color;
+}
+
+@mixin set-active-color($color) {
+    background-color: $color;
+}
+
+@mixin set-sidebar-background($color) {
+    $overlay-opacity: 0.9;
+
+    @if $color == #000 {
+        $overlay-opacity: 0.8;
+    }
+
+    .sidebar-background {
+        &::after {
+            background: $color;
+            opacity: $overlay-opacity;
+        }
+    }
+}
+
+@mixin set-gradient-background-color($start-color, $end-color) {
+    $overlay-opacity: 0.9;
+
+    @include gradient-directional($start-color, $end-color);
+    @include set-font-icon-color($start-color);
+
+    .sidebar-background {
+        &::after {
+            @include gradient-directional($start-color, $end-color);
+
+            opacity: $overlay-opacity;
+        }
+    }
+}
+
+@mixin set-font-icon-color($color) {
+    $sidebar-font-color: $white;
+
+    @if $color == #fff {
+        $sidebar-font-color: $black;
+    }
+
+    .navigation i,
+    .navigation li > a {
+        color: $sidebar-font-color;
+    }
+
+    .logo-text {
+        color: $sidebar-font-color;
+    }
+
+    .sidebar-header a.nav-toggle {
+        color: $sidebar-font-color;
+    }
+
+    .sidebar-header a.nav-close {
+        color: $sidebar-font-color;
+    }
+}
+
+@mixin set-anchor-color($color) {
+    .navigation {
+        li {
+            a {
+                color: $color;
+            }
+        }
+    }
+}
+
+@mixin set-logo-text-color($color) {
+    .logo-text {
+        color: $color;
+    }
+
+    .sidebar-header a.nav-toggle {
+        color: $color;
+    }
+}

package/assets/scss/dashboard/mixins/_vendor-prefixes.scss

@@ -0,0 +1,71 @@
+// User select
+// For selecting text on the page
+
+@mixin user-select($select) {
+    user-select: $select;
+}
+
+@mixin box-shadow($shadow...) {
+    box-shadow: $shadow;
+}
+
+// Box sizing
+@mixin box-sizing($boxmodel) {
+    box-sizing: $boxmodel;
+}
+
+@mixin transition($time, $type) {
+    transition: all $time $type;
+}
+
+@mixin transform-scale($value) {
+    transform: scale($value);
+}
+
+@mixin transform-translate-x($value) {
+    transform: translate3d($value, 0, 0);
+}
+
+@mixin transform-origin($coordinates) {
+    transform-origin: $coordinates;
+}
+
+@mixin set-background-color-button($color) {
+    .moving-tab {
+        background-color: $color;
+    }
+}
+
+@mixin radial-gradient($extern-color, $center-color) {
+    background: $extern-color;
+    background: -webkit-gradient(
+        radial,
+        center center,
+        0,
+        center center,
+        100%,
+        color-stop(0%, $center-color),
+        color-stop(100%, $extern-color)
+    ); /* Chrome,Safari4+ */
+
+    background: radial-gradient(
+        center,
+        ellipse cover,
+        $center-color 0%,
+        $extern-color 100%
+    ); /* Chrome10+,Safari5.1+ */
+
+    background: radial-gradient(ellipse at center, $center-color 0%, $extern-color 100%); /* W3C */
+    background-size: 550% 450%;
+}
+
+@mixin vertical-align {
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+@mixin rotate-180() {
+    filter: progid:dximagetransform.microsoft.basicimage(rotation=2);
+    transform: rotate(180deg);
+}

package/assets/scss/plugins/_plugin-nouislider.scss

@@ -0,0 +1,199 @@
+// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
+
+.noUi-target,
+.noUi-target * {
+    box-sizing: border-box;
+    touch-action: none;
+    -webkit-touch-callout: none;
+    user-select: none;
+}
+
+.noUi-base {
+    height: 100%;
+    position: relative;
+    width: 100%;
+}
+
+.noUi-origin {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+
+.noUi-handle {
+    box-sizing: border-box;
+    z-index: 1;
+}
+
+.noUi-stacking .noUi-handle {
+    z-index: 10;
+}
+
+// WARNING: Property with star prefix found. Checks for the star property hack (targets IE6/7) (star-property-hack) Browsers: All
+.noUi-state-tap .noUi-origin {
+    transition: left 0.3s, top 0.3s;
+}
+
+.noUi-state-drag * {
+    cursor: inherit !important;
+}
+
+.noUi-horizontal {
+    height: 10px;
+}
+
+.noUi-handle {
+    @include box-shadow($shadow-2dp);
+
+    background: rgb(255 255 255);
+    border: 5px solid map-get($primary, base);
+    border-radius: 100%;
+    box-sizing: border-box;
+    cursor: pointer;
+    height: 14px;
+    left: -10px;
+    top: -6px;
+    transition: all 0.2s ease-out;
+    width: 14px;
+}
+
+.noUi-horizontal {
+    .noUi-handle {
+        height: 20px;
+        left: -17px;
+        top: -8px;
+        width: 20px;
+    }
+
+    ::after,
+    ::before {
+        background: none;
+    }
+
+    .noUi-tooltip {
+        bottom: 200%;
+    }
+}
+
+.noUi-value-horizontal {
+    transform: translate3d(-50%, 80%, 0);
+}
+
+.noUi-vertical .noUi-handle {
+    cursor: ns-resize;
+    margin-left: 5px;
+}
+
+.noUi-horizontal.noUi-extended {
+    padding: 0 15px;
+}
+
+.noUi-horizontal.noUi-extended .noUi-origin {
+    right: -15px;
+}
+
+.noUi-background {
+    height: 2px;
+    margin: 20px 0;
+}
+
+.noUi-origin {
+    background: rgb(200 200 200);
+    border-radius: 0;
+    height: 2px;
+    margin: 0;
+
+    &[style^='left: 0'] .noUi-handle {
+        background-color: rgb(255 255 255);
+        border: 2px solid rgb(200 200 200);
+
+        &.noUi-active {
+            border-width: 1px;
+        }
+    }
+}
+
+.noUi-target {
+    background: rgb(233 233 234);
+    border: 0;
+    border-radius: $border-radius;
+}
+
+.noUi-horizontal {
+    height: 5px;
+    margin: 15px 0;
+}
+
+.noUi-vertical {
+    display: inline-block;
+    height: 100%;
+    margin: 0 15px;
+    width: 2px;
+}
+
+[disabled].noUi-slider {
+    opacity: 0.5;
+}
+
+[disabled] .noUi-handle {
+    cursor: not-allowed;
+}
+
+.slider {
+    background: rgb(200 200 200);
+}
+
+.slider {
+    &.noUi-connect {
+        background-color: map-get($primary, base);
+    }
+
+    .noUi-handle {
+        border-color: map-get($primary, base);
+    }
+
+    &.slider-info {
+        .noUi-connect {
+            background-color: map-get($info, base);
+        }
+
+        .noUi-handle {
+            border-color: map-get($info, base);
+        }
+    }
+
+    &.slider-success {
+        & .noUi-connect,
+        &.noUi-connect {
+            background-color: map-get($success, base);
+        }
+
+        .noUi-handle {
+            border-color: map-get($success, base);
+        }
+    }
+
+    &.slider-warning {
+        & .noUi-connect,
+        &.noUi-connect {
+            background-color: map-get($warning, base);
+        }
+
+        .noUi-handle {
+            border-color: map-get($warning, base);
+        }
+    }
+
+    &.slider-danger {
+        & .noUi-connect,
+        &.noUi-connect {
+            background-color: map-get($danger, base);
+        }
+
+        .noUi-handle {
+            border-color: map-get($danger, base);
+        }
+    }
+}