@finqu/cool 1.2.28 → 1.3.0

package/scss/_dialog.scss

@@ -1,161 +0,0 @@
-// Dialog
-// ---------------------------------------------------------------------------------------------------------------
-
-.dialog {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: $zindex-dialog;
-    overflow: hidden;
-    outline: 0;
-    -webkit-overflow-scrolling: touch;
-
-    .dialog-container {
-        position: relative;
-        width: auto;
-        margin: 10px;
-        pointer-events: none;
-        @include media-breakpoint-up(sm) {
-            max-width: 600px;
-            margin: 25px auto;
-        }
-
-        .dialog-content {
-            display: flex;
-            flex-direction: column;
-            width: 100%;
-            pointer-events: auto;
-            position: relative;
-            text-align: left;
-            border: none;
-            border-radius: $border-radius;
-            background-color: color('white');
-            background-clip: padding-box;
-            outline: 0;
-            overflow: auto;
-            box-shadow: 0 30px 40px 0 rgba(34, 44, 54, 0.2), 0 2px 16px 0 rgba(34, 44, 54, 0.09);
-
-            .dialog-header {
-                display: flex;
-                align-items: flex-start;
-                justify-content: space-between;
-                padding: 12px 16px;
-                border-bottom: 1px solid $border-color;
-                @include media-breakpoint-down(md) {
-                    padding: 10px;
-                }
-
-                .dialog-title {
-                    font-size: 20px;
-                    width: 100%;
-                    @include text-truncate;
-                }
-
-                button[data-dialog-close] {
-                    font-size: 18px;
-                    background-color: transparent;
-                    border: 0;
-                    opacity: 0.75;
-                    color: color('blue-grey');
-
-                    &:hover,
-                    &:focus {
-                        opacity: 1;
-                        outline: 0
-                    }
-                }
-            }
-
-            .dialog-body {
-                position: relative;
-                flex: 1 1 auto;
-                padding: 16px;
-                overflow-y: auto;
-
-                .content-full-width {
-                    margin-left: -16px;
-                    margin-right: -16px;
-                }
-            }
-
-            .dialog-footer {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                padding: 12px 16px;
-                border-top: 1px solid $border-color;
-                @include media-breakpoint-down(md) {
-                    padding: 10px;
-                }
-            }
-        }
-    }
-}
-
-
-// Sizes
-.dialog-sm {
-    .dialog-container {
-        @include media-breakpoint-up(sm) {
-            max-width: 300px;
-        }
-    }
-}
-
-.dialog-lg {
-    .dialog-container {
-        @include media-breakpoint-up(sm) {
-            max-width: 800px;
-        }
-    }
-}
-
-
-// Utilities
-.dialog-centered {
-    .dialog-container {
-        display: flex;
-        align-items: center;
-        @include media-breakpoint-up(sm) {
-            min-height: calc(100% - 50px);
-        }
-    }
-}
-
-.dialog-prevent-scroll {
-    overflow: hidden;
-}
-
-.dialog-backdrop {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    opacity: 0;
-    background-color: color('black');
-    z-index: $zindex-dialog;
-    backface-visibility: hidden;
-    transition: opacity 0.1s;
-}
-
-.has-dialogs .dialog-backdrop {
-    opacity: 0.3;
-}
-
-.dialog-overflow-visible {
-    overflow: visible;
-
-    .dialog-container {
-
-        .dialog-content {
-            overflow: visible;
-
-            .dialog-body {
-                overflow-y: visible;
-            }
-        }
-    }
-}

package/scss/_dropdown.scss

@@ -1,231 +0,0 @@
-// Dropdown
-// ---------------------------------------------------------------------------------------------------------------
-
-.dropup,
-.dropright,
-.dropdown,
-.dropleft {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-
-    .dropdown-trigger {
-        > .icon {
-            pointer-events: none;
-        }
-    }
-}
-
-.dropdown-toggle {
-    @include caret-down;
-
-    &:after {
-        margin-top: -2px;
-    }
-}
-
-.dropdown-menu {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: $zindex-dropdown;
-    display: none;
-    float: left;
-    min-width: $dropdown-min-width;
-    padding: $dropdown-padding-y 0;
-    margin: $dropdown-spacer 0 0;
-    font-size: $font-size-base;
-    text-align: left;
-    list-style: none;
-    background-color: $dropdown-bg;
-    background-clip: padding-box;
-    border: $dropdown-border-width solid $dropdown-border-color;
-    color: $dropdown-color;
-    box-sizing: border-box;
-    overflow: hidden;
-    box-shadow: $dropdown-box-shadow;
-    border-radius: $dropdown-border-radius;
-
-    // IE11 fix for flexboxes
-    @media all and (-ms-high-contrast:none) {
-        max-width: 100%;
-    }
-}
-
-.dropdown-menu-right {
-    right: 0;
-    left: auto;
-}
-
-.dropdown-menu-text-wrap {
-    .dropdown-item {
-        white-space: normal;
-    }
-}
-
-.dropup {
-    .dropdown-menu {
-        top: auto;
-        bottom: 100%;
-        margin-top: 0;
-        margin-bottom: $dropdown-spacer;
-    }
-
-    .dropdown-toggle {
-        @include caret-up;
-    }
-}
-
-.dropright {
-    .dropdown-menu {
-        top: 0;
-        right: auto;
-        left: 100%;
-        margin-top: 0;
-        margin-left: $dropdown-spacer;
-    }
-
-    .dropdown-toggle {
-        @include caret-right;
-    }
-}
-
-.dropleft {
-    .dropdown-menu {
-        top: 0;
-        right: 100%;
-        left: auto;
-        margin-top: 0;
-        margin-right: $dropdown-spacer;
-    }
-
-    .dropdown-toggle {
-        @include caret-left;
-    }
-}
-
-.dropdown-menu {
-    &[x-placement^="top"],
-    &[x-placement^="right"],
-    &[x-placement^="bottom"],
-    &[x-placement^="left"] {
-        right: auto;
-        bottom: auto;
-    }
-}
-
-.dropdown-divider {
-    @include nav-divider($dropdown-divider-bg);
-}
-
-.dropdown-item {
-    display: block;
-    width: 100%;
-    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
-    clear: both;
-    font-weight: $font-weight-normal;
-    color: $dropdown-link-color;
-    text-align: inherit;
-    white-space: nowrap;
-    background-color: transparent;
-    border: 0;
-    box-sizing: border-box;
-    appearance: none;
-
-    &:hover,
-    &:focus {
-        color: $dropdown-link-hover-color;
-        text-decoration: none;
-        cursor: pointer;
-        @include gradient-bg($dropdown-link-hover-bg);
-    }
-
-    &.active,
-    &:active {
-        color: $dropdown-link-active-color;
-        text-decoration: none;
-        @include gradient-bg($dropdown-link-active-bg);
-    }
-
-    &.disabled,
-    &:disabled {
-        color: $dropdown-link-disabled-color;
-        background: transparent;
-        cursor: default;
-    }
-
-    .icon + span {
-        margin-left: $icon-spacer;
-    }
-}
-
-button.dropdown-item {
-    cursor: pointer;
-    outline: 0;
-}
-
-.dropdown-menu.show {
-    display: block;
-}
-
-.dropdown-header {
-    display: block;
-    padding-top: $dropdown-item-padding-y;
-    padding-right: $dropdown-item-padding-x;
-    padding-bottom: $dropdown-item-padding-y + $nav-divider-margin-y;
-    padding-left: $dropdown-item-padding-x;
-    margin-top: 0;
-    margin-bottom: $nav-divider-margin-y;
-    font-size: $font-size-sm;
-    color: $dropdown-header-color;
-    white-space: nowrap;
-    border-bottom: 1px solid $nav-divider-color;
-}
-
-.dropdown-item-text {
-    display: block;
-    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
-    color: $dropdown-link-color;
-}
-
-.dropdown-scrollable-content {
-    position: relative;
-}
-
-.dropdown-list {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-
-    li {
-
-        a {
-            display: block;
-            width: 100%;
-            font-weight: $font-weight-normal;
-            color: $dropdown-link-color;
-            white-space: nowrap;
-            box-sizing: border-box;
-
-            &:hover,
-            &:focus {
-                color: $dropdown-link-hover-color;
-                text-decoration: none;
-                @include gradient-bg($dropdown-link-hover-bg);
-            }
-
-            &.active,
-            &:active {
-                color: $dropdown-link-active-color;
-                text-decoration: none;
-                @include gradient-bg($dropdown-link-active-bg);
-            }
-
-            &.disabled,
-            &:disabled {
-                color: $dropdown-link-disabled-color;
-                background-color: transparent;
-            }
-        }
-    }
-}

package/scss/_forms.scss

@@ -1,257 +0,0 @@
-// Forms
-// ---------------------------------------------------------------------------------------------------------------
-
-html.dom-ready .form-control {
-    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-}
-
-.form-control {
-    display: block;
-    width: 100%;
-    height: $input-height;
-    padding: $input-padding-y $input-padding-x;
-    font-family: $input-font-family;
-    font-size: $input-font-size;
-    font-weight: $input-font-weight;
-    line-height: $input-line-height;
-    color: $input-color;
-    background-color: $input-bg;
-    background-clip: padding-box;
-    border: $input-border-width solid $input-border-color;
-    border-radius: $input-border-radius;
-    @include form-control-focus;
-
-    // Unstyle the caret on `<select>`s in IE10+.
-    &::-ms-expand {
-        background-color: transparent;
-        border: 0;
-    }
-
-    // Placeholder
-    &::placeholder {
-        color: $input-placeholder-color;
-        opacity: 1;
-    }
-
-    // Disabled and read-only inputs
-    &:disabled,
-    &[readonly] {
-        background-color: $input-disabled-bg;
-        opacity: 1;
-    }
-}
-
-select.form-control {
-    // Suppress the nested default white text on blue background highlight on ie and edge
-    &:focus::-ms-value {
-        color: $input-color;
-        background-color: $input-bg;
-    }
-}
-
-
-// Labels
-.col-form-label {
-    padding-top: calc(#{$input-padding-y} + #{$input-border-width});
-    padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
-    margin-bottom: 0;
-    font-size: inherit;
-    line-height: $input-line-height;
-}
-
-.col-form-label-lg {
-    padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
-    padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
-    font-size: $input-font-size-lg;
-    line-height: $input-line-height-lg;
-}
-
-.col-form-label-sm {
-    padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
-    padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
-    font-size: $input-font-size-sm;
-    line-height: $input-line-height-sm;
-}
-
-
-// Readonly controls as plain text
-.form-control-plaintext {
-    display: block;
-    width: 100%;
-    padding-top: $input-padding-y;
-    padding-bottom: $input-padding-y;
-    margin-bottom: 0;
-    line-height: $input-line-height;
-    color: $input-plaintext-color;
-    background-color: transparent;
-    border: solid transparent;
-    border-width: $input-border-width 0;
-
-    &.form-control-sm,
-    &.form-control-lg {
-        padding-right: 0;
-        padding-left: 0;
-    }
-}
-
-
-// Form control sizing
-.form-control-sm {
-    height: $input-height-sm;
-    padding: $input-padding-y-sm $input-padding-x-sm;
-    font-size: $input-font-size-sm;
-    line-height: $input-line-height-sm;
-    border-radius: $input-border-radius-sm;
-}
-
-.form-control-lg {
-    height: $input-height-lg;
-    padding: $input-padding-y-lg $input-padding-x-lg;
-    font-size: $input-font-size-lg;
-    line-height: $input-line-height-lg;
-    border-radius: $input-border-radius-lg;
-}
-
-select.form-control {
-    &[size],
-    &[multiple] {
-        height: auto;
-    }
-}
-
-textarea.form-control {
-    height: auto;
-}
-
-
-// Form groups
-.form-group {
-    margin-bottom: $form-group-margin-bottom;
-}
-
-.form-text {
-    display: block;
-    margin-top: $form-text-margin-top;
-}
-
-
-// Form grid
-.form-row {
-    display: flex;
-    flex-wrap: wrap;
-    margin-right: -$form-grid-gutter-width / 2;
-    margin-left: -$form-grid-gutter-width / 2;
-
-    > .col,
-    > [class*="col-"] {
-        padding-right: $form-grid-gutter-width / 2;
-        padding-left: $form-grid-gutter-width / 2;
-    }
-}
-
-
-// Checkboxes and radios
-.form-check {
-    position: relative;
-    display: block;
-    padding-left: $form-check-input-gutter;
-}
-
-.form-check-input {
-    position: absolute;
-    margin-top: $form-check-input-margin-y;
-    margin-left: -$form-check-input-gutter;
-
-    &:disabled ~ .form-check-label {
-        color: color('grey-dark')
-    }
-}
-
-.form-check-label {
-    margin-bottom: 0;
-}
-
-.form-check-inline {
-    display: inline-flex;
-    align-items: center;
-    padding-left: 0; // Override base .form-check
-    margin-right: $form-check-inline-margin-x;
-
-    // Undo .form-check-input defaults and add some `margin-right`.
-    .form-check-input {
-        position: static;
-        margin-top: 0;
-        margin-right: $form-check-inline-input-margin-x;
-        margin-left: 0;
-    }
-}
-
-
-// Form validation
-@each $state, $data in $form-validation-states {
-    @include form-validation-state($state, map-get($data, color));
-}
-
-
-// Inline forms
-.form-inline {
-    display: flex;
-    flex-flow: row wrap;
-    align-items: center;
-    .form-check {
-        width: 100%;
-    }
-
-    // Kick in the inline
-    @include media-breakpoint-up(sm) {
-
-        label {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-bottom: 0;
-        }
-
-        // Inline-block all the things for "inline"
-        .form-group {
-            display: flex;
-            flex: 0 0 auto;
-            flex-flow: row wrap;
-            align-items: center;
-            margin-bottom: 0;
-        }
-
-        // Allow folks to *not* use `.form-group`
-        .form-control {
-            display: inline-block;
-            width: auto;
-            vertical-align: middle;
-        }
-
-        // Make static controls behave like regular ones
-        .form-control-plaintext {
-            display: inline-block;
-        }
-
-        .input-group {
-            width: auto;
-        }
-
-        // Remove default margin on radios/checkboxes that were used for stacking, and then undo the floating of radios and checkboxes to match.
-        .form-check {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: auto;
-            padding-left: 0;
-        }
-
-        .form-check-input {
-            position: relative;
-            flex-shrink: 0;
-            margin-top: 0;
-            margin-right: $form-check-input-margin-x;
-            margin-left: 0;
-        }
-    }
-}