@finqu/cool 1.2.28 → 1.3.0

package/less/alert.less

@@ -1,345 +0,0 @@
-// Alert
-.alert {
-    display: flex;
-    flex-direction: row;
-    position: relative;
-    border-left: 6px solid #fafafa;
-    border-radius: 3px;
-    margin-bottom: 20px;
-    box-shadow: 0 1px 2px #cccccc, 0 0 0 1px #eeeeee;
-    width: 100%;
-    overflow: hidden;
-    align-items: center;
-    box-sizing: border-box;
-    position: relative;
-    @media screen and (max-width: 767px) {
-        margin-bottom: 10px;
-    }
-    &:hover {
-        .alert-selector {
-            color: @color-hover;
-        }
-    }
-    &.alert-sm {
-        & > .alert-content-container {
-            padding: 10px;
-            font-size: 80%;
-        }
-    }
-    &.alert-lg {
-        & > .alert-icon {
-            padding-left: 25px;
-            font-size: 22px;
-            &:after {
-                width: 47px;
-            }
-        }
-        & > .alert-content-container {
-            padding: 25px;
-        }
-    }
-    &.alert-success {
-        border-color: @color-green;
-        & > .alert-content-container > .alert-content > strong {
-            color: @color-green;
-        }
-        &:not(.alert-fill-bg) > .alert-icon {
-            padding: 0 15px;
-            width: 55px;
-            color: @color-white;
-            &:after {
-                width: 49px;
-                background-color: @color-green;
-            }
-        }
-        &.alert-fill-bg {
-            & > .alert-icon {
-                &:after {
-                    background-color: @color-green;
-                }
-            }
-            & > .alert-content-container {
-                background-color: @color-green;
-                color: @color-white;
-                & > .alert-content > strong {
-                    color: @color-white;
-                }
-                .btn-secondary {
-                    color: @color-white;
-                    border-color: @color-white;
-                    &.focus,
-                    &:focus,
-                    &.hover,
-                    &:hover {
-                        background-color: @color-white;
-                        color: @color-green;
-                    }
-                }
-            }
-        }
-    }
-    &.alert-info {
-        border-color: @color-blue-darker;
-        & > .alert-content-container > .alert-content > strong {
-            color: @color-blue-darker;
-        }
-        &:not(.alert-fill-bg) > .alert-icon {
-            padding: 0 15px;
-            width: 55px;
-            color: @color-white;
-            &:after {
-                width: 49px;
-                background-color: @color-blue-darker;
-            }
-        }
-        &.alert-fill-bg {
-            & > .alert-icon {
-                color: @color-white;
-                &:after {
-                    background-color: @color-blue-darker;
-                }
-            }
-            & > .alert-content-container {
-                background-color: @color-blue-darker;
-                color: @color-white;
-                & > .alert-content > strong {
-                    color: @color-white;
-                }
-                .btn-secondary {
-                    color: @color-white;
-                    border-color: @color-white;
-                    &.focus,
-                    &:focus,
-                    &.hover,
-                    &:hover {
-                        background-color: @color-white;
-                        color: @color-blue-darker;
-                    }
-                }
-            }
-        }
-    }
-    &.alert-warning {
-        border-color: @color-grey-darkest;
-        & > .alert-content-container > .alert-content > strong {
-            color: @color-grey-darkest;
-        }
-        &:not(.alert-fill-bg) > .alert-icon {
-            padding: 0 15px;
-            width: 55px;
-            color: @color-white;
-            &:after {
-                width: 49px;
-                background-color: @color-grey-darkest;
-            }
-        }
-        &.alert-fill-bg {
-            & > .alert-icon {
-                color: @color-white;
-                &:after {
-                    background-color: @color-grey-darkest;
-                }
-            }
-            & > .alert-content-container {
-                background-color: @color-grey-darkest;
-                color: @color-white;
-                & > .alert-content > strong {
-                    color: @color-white;
-                }
-                .btn-secondary {
-                    color: @color-white;
-                    border-color: @color-white;
-                    &.focus,
-                    &:focus,
-                    &.hover,
-                    &:hover {
-                        background-color: @color-white;
-                        color: @color-grey-darkest;
-                    }
-                }
-            }
-        }
-    }
-    &.alert-danger {
-        border-color: @color-red;
-        & > .alert-content-container > .alert-content > strong {
-            color: @color-red;
-        }
-        &:not(.alert-fill-bg) > .alert-icon {
-            padding: 0 15px;
-            width: 55px;
-            color: @color-white;
-            &:after {
-                width: 49px;
-                background-color: @color-red;
-            }
-        }
-        &.alert-fill-bg {
-            & > .alert-icon {
-                color: @color-white;
-                &:after {
-                    background-color: @color-red;
-                }
-            }
-            & > .alert-content-container {
-                background-color: @color-red;
-                color: @color-white;
-                & > .alert-content > strong {
-                    color: @color-white;
-                }
-                .btn-secondary {
-                    color: @color-white;
-                    border-color: @color-white;
-                    &.focus,
-                    &:focus,
-                    &.hover,
-                    &:hover {
-                        background-color: @color-white;
-                        color: @color-red;
-                    }
-                }
-            }
-        }
-    }
-    &.alert-primary {
-        border-color: @color-primary;
-        & > .alert-content-container > .alert-content > strong {
-            color: @color-primary;
-        }
-        &:not(.alert-fill-bg) > .alert-icon {
-            padding: 0 15px;
-            width: 55px;
-            color: @color-white;
-            &:after {
-                width: 49px;
-                background-color: @color-primary;
-            }
-        }
-        &.alert-fill-bg {
-            & > .alert-icon {
-                color: @color-white;
-                &:after {
-                    background-color: @color-primary;
-                }
-            }
-            & > .alert-content-container {
-                background-color: @color-primary;
-                color: @color-white;
-                & > .alert-content > strong {
-                    color: @color-white;
-                }
-                .btn-secondary {
-                    color: @color-white;
-                    border-color: @color-white;
-                    &.focus,
-                    &:focus,
-                    &.hover,
-                    &:hover {
-                        background-color: @color-white;
-                        color: @color-primary;
-                    }
-                }
-            }
-        }
-    }
-    &.alert-secondary {
-        border-color: @color-secondary;
-        & > .alert-content-container > .alert-content > strong {
-            color: @color-secondary;
-        }
-        &:not(.alert-fill-bg) > .alert-icon {
-            padding: 0 15px;
-            width: 55px;
-            color: @color-white;
-            &:after {
-                width: 49px;
-                background-color: @color-secondary;
-            }
-        }
-        &.alert-fill-bg {
-            & > .alert-icon {
-                color: @color-white;
-                &:after {
-                    background-color: @color-secondary;
-                }
-            }
-            & > .alert-content-container {
-                background-color: @color-secondary;
-                color: @color-white;
-                & > .alert-content > strong {
-                    color: @color-white;
-                }
-                .btn-secondary {
-                    color: @color-white;
-                    border-color: @color-white;
-                    &.focus,
-                    &:focus,
-                    &.hover,
-                    &:hover {
-                        background-color: @color-white;
-                        color: @color-secondary;
-                    }
-                }
-            }
-        }
-    }
-    .alert-icon {
-        color: @color-icon;
-        padding-left: 15px;
-        margin-left: -6px;
-        z-index: 1;
-        box-sizing: border-box;
-        font-size: 20px;
-        &:after {
-            content: '';
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            left: 0;
-            z-index: -1;
-            width: 34px;
-            background: #fafafa;
-        }
-    }
-    .alert-content-container {
-        display: flex;
-        align-items: center;
-        background: #fafafa;
-        flex: 1;
-        padding: 15px;
-        box-sizing: border-box;
-        @media screen and (max-width: 767px) {
-            flex-wrap: wrap;
-        }
-        .alert-content {
-            flex: 1;
-            @media screen and (max-width: 767px) {
-                flex: 0 1 auto
-            }
-            & + .alert-action {
-                margin-left: 15px;
-                @media screen and (max-width: 767px) {
-                    margin-top: 15px;
-                    margin-left: 0;
-                }
-            }
-        }
-    }
-    .alert-selector {
-        text-align: right;
-        margin-right: 15px;
-        width: 30px;
-        font-size: 22px;
-        &:after {
-            content: '';
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            right: 0;
-            z-index: -1;
-            width: 30px;
-            background: #fafafa;
-            padding-left: 15px;
-        }
-    }
-}

package/less/badge.less

@@ -1,38 +0,0 @@
-// Badge
-.badge {
-    background: @color-grey;
-    border: none;
-    border-radius: @border-radius;
-    color: @color-white;
-    display: inline-block;
-    font-weight: @btn-font-weight;
-    font-size: @btn-font-size-xs;
-    padding: @btn-padding-y-xs @btn-padding-x-xs;
-    line-height: @line-height-xs;
-    box-sizing: border-box;
-    margin: 2px;
-    text-align: center;
-    text-decoration: none;
-    touch-action: manipulation;
-    user-select: none;
-    vertical-align: middle;
-    white-space: nowrap;
-    &.badge-green {
-        background: @color-green;
-    }
-    &.badge-red {
-        background: @color-red;
-    }
-    &.badge-yellow {
-        background: @color-yellow;
-    }
-    &.badge-black {
-        background: @color-black;
-    }
-    &.badge-grey {
-        background: @color-grey-dark;
-    }
-    &.badge-grey-dark {
-        background: @color-grey-darker;
-    }
-}

package/less/bootstrap-noconflict.less

@@ -1,23 +0,0 @@
-// Finqu UI
-@import "variables.less";
-@import "mixins.less";
-@import "reboot.less";
-@import "type.less";
-@import "images.less";
-@import "tables.less";
-@import "forms.less";
-@import "buttons.less";
-@import "dropdown.less";
-@import "button-group.less";
-@import "input-group.less";
-@import "tabs.less";
-@import "pagination.less";
-@import "badge.less";
-@import "alert.less";
-@import "tooltip.less";
-@import "popover.less";
-@import "dialog-noconflict.less";
-@import "section.less";
-@import "utilities.less";
-@import "select.less";
-@import "list-group.less";

package/less/bootstrap.less

@@ -1,23 +0,0 @@
-// Finqu UI
-@import "variables.less";
-@import "mixins.less";
-@import "reboot.less";
-@import "type.less";
-@import "images.less";
-@import "tables.less";
-@import "forms.less";
-@import "buttons.less";
-@import "dropdown.less";
-@import "button-group.less";
-@import "input-group.less";
-@import "tabs.less";
-@import "pagination.less";
-@import "badge.less";
-@import "alert.less";
-@import "tooltip.less";
-@import "popover.less";
-@import "dialog.less";
-@import "section.less";
-@import "utilities.less";
-@import "select.less";
-@import "list-group.less";

package/less/button-group.less

@@ -1,153 +0,0 @@
-// Button group
-.btn-group {
-    display: inline-flex;
-    position: relative;
-    vertical-align: middle;
-    margin: 5px 0;
-    &.text-center {
-        font-size: 0;
-        justify-content: center;
-        .btn,.dropdown {
-            font-size: @font-size-base;
-            display: inline-block;
-            vertical-align: middle;
-        }
-    }
-    &.text-right {
-        justify-content: flex-end;
-        .btn,.dropdown {
-            border-right: none;
-            border-left: 1px solid #fff;
-            display: inline-block;
-            vertical-align: middle;
-        }
-    }
-    > .btn, >.dropdown {
-        flex: 0 0 auto;
-        display: block;
-        margin: 0 3px;
-    }
-    &.justify-content-start {
-        display: flex;
-        justify-content: flex-start !important;
-    }
-    &.justify-content-center {
-        display: flex;
-        justify-content: center !important;
-    }
-    &.justify-content-end {
-        display: flex;
-        justify-content: flex-end !important;
-    }
-    &.justify-content-between {
-        display: flex;
-        justify-content: space-between !important;
-    }
-    &.justify-content-around {
-        display: flex;
-        justify-content: space-around !important;
-    }
-}
-
-// Vertical button groups
-.btn-group-vertical {
-    display: inline-flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: center;
-    position: relative;
-    vertical-align: middle;
-    margin: 5px 0;
-    .btn:not(.btn-icon),
-    .btn-group {
-        width: 100%;
-    }
-    > .btn {
-        position: relative;
-        flex: 0 1 auto;
-    }
-    .btn {
-        margin: 5px 0 0 0;
-        &:first-child {
-            margin-top: 0;
-        }
-    }
-}
-
-@media screen and (min-width: 1025px) {
-    .btn-group-vertical-desktop {
-        display: inline-flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: center;
-        position: relative;
-        vertical-align: middle;
-        margin: 5px 0;
-        .btn:not(.btn-icon),
-        .btn-group {
-            width: 100%;
-        }
-        > .btn {
-            position: relative;
-            flex: 0 1 auto;
-        }
-        .btn {
-            margin: 5px 0 0 0;
-            &:first-child {
-                margin-top: 0;
-            }
-        }
-    }
-}
-
-@media screen and (min-width: 768px) and (max-width: 1024px) {
-    .btn-group-vertical-mobile {
-        display: inline-flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: center;
-        position: relative;
-        vertical-align: middle;
-        margin: 5px 0;
-        .btn:not(.btn-icon),
-        .btn-group {
-            width: 100%;
-        }
-        > .btn {
-            position: relative;
-            flex: 0 1 auto;
-        }
-        .btn {
-            margin: 5px 0 0 0;
-            &:first-child {
-                margin-top: 0;
-            }
-        }
-    }
-}
-
-@media screen and (max-width: 767px) {
-    .btn-group-vertical-tablet {
-        display: inline-flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: center;
-        position: relative;
-        vertical-align: middle;
-        margin: 5px 0;
-        .btn:not(.btn-icon),
-        .btn-group {
-            width: 100%;
-        }
-        > .btn {
-            position: relative;
-            flex: 0 1 auto;
-        }
-        .btn {
-            margin: 5px 0 0 0;
-            &:first-child {
-                margin-top: 0;
-            }
-        }
-    }
-}