@finqu/cool 1.0.0

package/less/utilities/scrollbar.less

@@ -0,0 +1,152 @@
+// Perfect scrollbar
+.ps {
+    overflow: hidden !important;
+    overflow-anchor: none;
+    touch-action: auto;
+
+    &.ps-dark {
+        .ps__thumb-x,
+        .ps__thumb-y {
+            background-color: rgba(0, 0, 0, 0.50);
+        }
+
+        .ps__rail-x:hover > .ps__thumb-x,
+        .ps__rail-x:focus > .ps__thumb-x {
+            background-color: rgba(0, 0, 0, 0.65);
+            height: 12px;
+        }
+
+        .ps__rail-y:hover > .ps__thumb-y,
+        .ps__rail-y:focus > .ps__thumb-y {
+            background-color:rgba(0, 0, 0, 0.65);
+            width: 12px;
+        }
+
+        &.ps-mousedown-scroll {
+            > .ps__rail-x {
+                > .ps__thumb-x {
+                    background-color: rgba(0, 0, 0, 0.65);
+                    height: 12px;
+                }
+            }
+            > .ps__rail-y {
+                > .ps__thumb-y {
+                    background-color: rgba(0, 0, 0, 0.65);
+                    width: 12px;
+                }
+            }
+        }
+    }
+
+    &.ps-mousedown-scroll {
+        > .ps__rail-x {
+            .ps__thumb-x {
+                background-color: rgba(255, 255, 255, 0.80);
+                height: 12px;
+            }
+        }
+        > .ps__rail-y {
+            > .ps__thumb-y {
+                background-color: rgba(255, 255, 255, 0.80);
+                width: 12px;
+            }
+        }
+    }
+
+    &.ps-show-rail-y {
+        > .ps__rail-y {
+            opacity: 1;
+        }
+    }
+
+    &.ps-show-rail-x {
+        > .ps__rail-x {
+            opacity: 1;
+        }
+    }
+}
+
+.ps__rail-x {
+    display: none;
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    height: 15px;
+    bottom: 0px;
+    position: absolute;
+    z-index: 10;
+}
+
+.ps__rail-y {
+    display: none;
+    opacity: 0;
+    transition: background-color .2s linear, opacity .2s linear;
+    width: 22px;
+    right: 0;
+    position: absolute;
+    z-index: 10;
+}
+
+.ps--active-x > .ps__rail-x,
+.ps--active-y > .ps__rail-y {
+    display: block;
+    background-color: transparent;
+}
+
+.ps:hover > .ps__rail-x,
+.ps:hover > .ps__rail-y,
+.ps--focus > .ps__rail-x,
+.ps--focus > .ps__rail-y,
+.ps--scrolling-x > .ps__rail-x,
+.ps--scrolling-y > .ps__rail-y {
+    opacity: 1;
+}
+
+.ps__rail-x:hover,
+.ps__rail-y:hover,
+.ps__rail-x:focus,
+.ps__rail-y:focus {
+    opacity: 1;
+}
+
+.ps__thumb-x {
+    background-color: rgba(255, 255, 255, 0.50);
+    border-radius: 6px;
+    transition: background-color .2s linear, height .2s ease-in-out;
+    height: 6px;
+    bottom: 2px;
+    position: absolute;
+}
+
+.ps__thumb-y {
+    background-color: rgba(255, 255, 255, 0.50);
+    border-radius: 6px;
+    transition: background-color .2s linear, width .2s ease-in-out;
+    width: 6px;
+    right: 2px;
+    position: absolute;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x {
+    background-color: rgba(255, 255, 255, 0.80);
+    height: 12px;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y {
+    background-color:rgba(255, 255, 255, 0.80);
+    width: 12px;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+    .ps {
+        overflow: auto !important;
+    }
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+    .ps {
+        overflow: auto !important;
+    }
+}

package/less/utilities/spacing.less

@@ -0,0 +1,197 @@
+// Spacing
+@margins: 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95 100;
+@paddings: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95 100;
+
+.icon-spacer {
+    margin-right: 7px;
+}
+
+.no-margin {
+    margin: 0 !important;
+}
+
+.no-padding {
+    padding: 0 !important;
+}
+
+.ml-auto {
+    margin-left: auto !important;
+}
+
+.mt-auto {
+    margin-top: auto !important;
+}
+
+.mb-auto {
+    margin-bottom: auto !important;
+}
+
+.mb-left {
+    margin-left: auto !important;
+}
+
+.generate-margins(@list, @i: 1) when (@i <= length(@list)) {
+
+    @value: extract(@list, @i);
+
+    .ml-@{value} {
+        margin-left: ~'@{value}px' !important;
+    }
+    .mt-@{value} {
+        margin-top: ~'@{value}px' !important;
+    }
+    .mr-@{value} {
+        margin-right: ~'@{value}px' !important;
+    }
+    .mb-@{value} {
+        margin-bottom: ~'@{value}px' !important;
+    }
+    .mx-@{value} {
+        margin-left:  ~'@{value}px' !important;
+        margin-right:  ~'@{value}px' !important;
+    }
+    .my-@{value} {
+        margin-top:  ~'@{value}px' !important;
+        margin-bottom:  ~'@{value}px' !important;
+    }
+    .m-@{value} {
+        margin: ~'@{value}px' !important;
+    }
+
+    .generate-margins(@list, @i + 1);
+}
+.generate-margins(@margins);
+
+.generate-mobile-margins(@list, @i: 1) when (@i <= length(@list)) {
+
+    @value: extract(@list, @i);
+
+    .mobile-ml-@{value} {
+        margin-left: ~'@{value}px' !important;
+    }
+    .mobile-mt-@{value} {
+        margin-top: ~'@{value}px' !important;
+    }
+    .mobile-mr-@{value} {
+        margin-right: ~'@{value}px' !important;
+    }
+    .mobile-mb-@{value} {
+        margin-bottom: ~'@{value}px' !important;
+    }
+    .mobile-mx-@{value} {
+        margin-left:  ~'@{value}px' !important;
+        margin-right:  ~'@{value}px' !important;
+    }
+    .mobile-my-@{value} {
+        margin-top:  ~'@{value}px' !important;
+        margin-bottom:  ~'@{value}px' !important;
+    }
+    .mobile-m-@{value} {
+        margin: ~'@{value}px' !important;
+    }
+
+    .generate-mobile-margins(@list, @i + 1);
+}
+
+.generate-tablet-margins(@list, @i: 1) when (@i <= length(@list)) {
+
+    @value: extract(@list, @i);
+
+    .tablet-ml-@{value} {
+        margin-left: ~'@{value}px' !important;
+    }
+    .tablet-mt-@{value} {
+        margin-top: ~'@{value}px' !important;
+    }
+    .tablet-mr-@{value} {
+        margin-right: ~'@{value}px' !important;
+    }
+    .tablet-mb-@{value} {
+        margin-bottom: ~'@{value}px' !important;
+    }
+    .tablet-mx-@{value} {
+        margin-left:  ~'@{value}px' !important;
+        margin-right:  ~'@{value}px' !important;
+    }
+    .tablet-my-@{value} {
+        margin-top:  ~'@{value}px' !important;
+        margin-bottom:  ~'@{value}px' !important;
+    }
+    .tablet-m-@{value} {
+        margin: ~'@{value}px' !important;
+    }
+
+    .generate-tablet-margins(@list, @i + 1);
+}
+
+.margin-reset(@value) {
+    .ml-@{value}-0 {
+        margin-left: 0 !important;
+    }
+    .mt-@{value}-0 {
+        margin-top: 0 !important;
+    }
+    .mr-@{value}-0 {
+        margin-right: 0 !important;
+    }
+    .mb-@{value}-0 {
+        margin-bottom: 0 !important;
+    }
+    .mx-@{value}-0 {
+        margin-left: 0 !important;
+        margin-right: 0 !important;
+    }
+    .my-@{value}-0 {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+    }
+    .m-@{value} {
+        margin: 0 !important;
+    }
+}
+
+@media screen and (min-width: 1025px) {
+    .margin-reset(desktop);
+}
+
+@media screen and (min-width: 768px) and (max-width: 1024px) {
+    .margin-reset(tablet);
+    .generate-tablet-margins(@margins);
+}
+
+@media screen and (max-width: 767px) {
+    .margin-reset(mobile);
+    .generate-mobile-margins(@margins);
+}
+
+.generate-paddings(@list, @i: 1) when (@i <= length(@list)) {
+
+    @value: extract(@list, @i);
+
+    .pl-@{value} {
+        padding-left: ~'@{value}px' !important;
+    }
+    .pt-@{value} {
+        padding-top: ~'@{value}px' !important;
+    }
+    .pr-@{value} {
+        padding-right: ~'@{value}px' !important;
+    }
+    .pb-@{value} {
+        padding-bottom: ~'@{value}px' !important;
+    }
+    .px-@{value} {
+        padding-left: ~'@{value}px' !important;
+        padding-right: ~'@{value}px' !important;
+    }
+    .py-@{value} {
+        padding-top: ~'@{value}px' !important;
+        padding-bottom: ~'@{value}px' !important;
+    }
+    .p-@{value} {
+        padding: ~'@{value}px' !important;
+    }
+
+    .generate-paddings(@list, @i + 1);
+}
+.generate-paddings(@paddings);

package/less/utilities/text.less

@@ -0,0 +1,68 @@
+// Text
+.text-left {
+    text-align: left !important;
+}
+.text-center {
+    text-align: center !important;
+}
+.text-right {
+    text-align: right !important;
+}
+.text-justify {
+    text-align: justify !important;
+}
+
+.text-nowrap {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.text-lowercase {
+    text-transform: lowercase;
+}
+.text-uppercase {
+    text-transform: uppercase;
+}
+.text-capitalize {
+    text-transform: capitalize;
+}
+
+.text-underline {
+    text-decoration: underline;
+}
+
+@media screen and (max-width: 767px) {
+    .text-left-mobile {
+        text-align: left !important;
+    }
+    .text-center-mobile {
+        text-align: center !important;
+    }
+    .text-right-mobile {
+        text-align: right !important;
+    }
+}
+
+@media screen and (min-width: 768px) and (max-width: 1024px) {
+    .text-left-tablet {
+        text-align: left !important;
+    }
+    .text-center-tablet {
+        text-align: center !important;
+    }
+    .text-right-tablet {
+        text-align: right !important;
+    }
+}
+
+@media screen and (min-width: 1025px) {
+    .text-left-desktop {
+        text-align: left !important;
+    }
+    .text-center-desktop {
+        text-align: center !important;
+    }
+    .text-right-desktop {
+        text-align: right !important;
+    }
+}

package/less/utilities/transform.less

@@ -0,0 +1,7 @@
+// Tranform
+.fa-rotate-45 {
+	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+	-webkit-transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	transform: rotate(45deg);
+}

package/less/utilities.less

@@ -0,0 +1,21 @@
+// Utilities
+@import "utilities/align.less";
+@import "utilities/background.less";
+@import "utilities/borders.less";
+@import "utilities/color.less";
+@import "utilities/background.less";
+@import "utilities/display.less";
+@import "utilities/flex.less";
+@import "utilities/jquery-ui.less";
+@import "utilities/overflow.less";
+@import "utilities/position.less";
+@import "utilities/spacing.less";
+@import "utilities/text.less";
+@import "utilities/transform.less";
+@import "utilities/lazyload.less";
+@import "utilities/animate.less";
+@import "utilities/cursor.less";
+@import "utilities/placeholder.less";
+@import "utilities/scrollbar.less";
+@import "utilities/pace.less";
+@import "utilities/embed.less";