@finqu/cool 1.0.0

package/less/pagination.less

@@ -0,0 +1,69 @@
+// Pagination
+.pagination {
+    display: inline-flex;
+    flex-wrap: wrap;
+    margin: 0 0 20px 0;
+    padding-left: 0;
+    list-style: none;
+    border-radius: @border-radius;
+    background-color: @pagination-bg;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
+    overflow: hidden;
+    .page-item {
+        outline: 0;
+        &:first-child {
+            .page-link {
+                margin-left: 0;
+                border-top-left-radius: @border-radius;
+                border-bottom-left-radius: @border-radius;
+                border-left: 0;
+            }
+        }
+        &:last-child {
+            .page-link {
+                border-top-right-radius: @border-radius;
+                border-bottom-right-radius: @border-radius;
+                border-right: 0;
+            }
+        }
+        &.active {
+            .page-link {
+                z-index: 2;
+                color: @pagination-active-color;
+                background-color: @pagination-active-bg;
+                border-color: @pagination-active-border-color;
+            }
+        }
+        &.disabled {
+            cursor: not-allowed;
+            .page-link {
+                color: @pagination-disabled-color;
+                pointer-events: none;
+                background-color: @pagination-disabled-bg;
+                border-color: @pagination-disabled-border-color;
+            }
+        }
+        &:not(.active):not(.disabled) {
+            .page-link {
+                &:focus,
+                &:hover {
+                    color: @pagination-hover-color;
+                    text-decoration: none;
+                    background-color: @pagination-hover-bg;
+                    border-color: @pagination-hover-border-color;
+                }
+            }
+        }
+        .page-link {
+            position: relative;
+            display: block;
+            padding: @pagination-padding-y @pagination-padding-x;
+            margin-left: -1px;
+            line-height: @pagination-line-height;
+            color: @pagination-color;
+            background-color: @pagination-bg;
+            border-left: @pagination-border;
+            border-right: @pagination-border;
+        }
+    }
+}

package/less/popover.less

@@ -0,0 +1,143 @@
+// Popover
+.popover {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: @zindex-popover;
+	display: block;
+	max-width: @popover-max-width;
+	.reset-text();
+	font-size: @popover-font-size;
+	word-wrap: break-word;
+	background-color: @popover-bg;
+	background-clip: padding-box;
+	border: @popover-border-width solid @popover-border-color;
+	.border-radius(@popover-border-radius);
+	.arrow {
+		position: absolute;
+		display: block;
+		width: @popover-arrow-width;
+		height: @popover-arrow-height;
+		margin: 0 @border-radius;
+		&::before,
+		&::after {
+			position: absolute;
+			display: block;
+			content: '';
+			border-color: transparent;
+			border-style: solid;
+		}
+	}
+}
+
+.popover-top {
+	margin-bottom: @popover-arrow-height;
+	.arrow {
+		bottom: ~"calc((@{popover-arrow-height} + @{popover-border-width}) * -1)";
+	}
+	.arrow::before,
+	.arrow::after {
+		border-width: @popover-arrow-height (@popover-arrow-width / 2) 0;
+	}
+	.arrow::before {
+		bottom: 0;
+		border-top-color: @popover-arrow-outer-color;
+	}
+	.arrow::after {
+		bottom: @popover-border-width;
+		border-top-color: @popover-arrow-color;
+	}
+}
+
+.popover-right {
+	margin-left: @popover-arrow-height;
+	.arrow {
+		left: ~"calc((@{popover-arrow-height} + @{popover-border-width}) * -1)";
+		width: @popover-arrow-height;
+		height: @popover-arrow-width;
+		margin: @border-radius 0;
+	}
+	.arrow::before,
+	.arrow::after {
+		border-width: (@popover-arrow-width / 2) @popover-arrow-height (@popover-arrow-width / 2) 0;
+	}
+	.arrow::before {
+		left: 0;
+		border-right-color: @popover-arrow-outer-color;
+	}
+	.arrow::after {
+		left: @popover-border-width;
+		border-right-color: @popover-arrow-color;
+	}
+}
+
+.popover-bottom {
+	margin-top: @popover-arrow-height;
+	.arrow {
+		top: ~"calc((@{popover-arrow-height} + @{popover-border-width}) * -1)";
+	}
+	.arrow::before,
+	.arrow::after {
+		border-width: 0 (@popover-arrow-width / 2) @popover-arrow-height (@popover-arrow-width / 2);
+	}
+	.arrow::before {
+		top: 0;
+		border-bottom-color: @popover-arrow-outer-color;
+	}
+	.arrow::after {
+		top: @popover-border-width;
+		border-bottom-color: @popover-arrow-color;
+	}
+	.popover-header::before {
+		position: absolute;
+		top: 0;
+		left: 50%;
+		display: block;
+		width: @popover-arrow-width;
+		margin-left: (@popover-arrow-width / -2);
+		content: '';
+		border-bottom: @popover-border-width solid @popover-header-bg;
+	}
+}
+
+.popover-left {
+	margin-right: @popover-arrow-height;
+	.arrow {
+		right: ~"calc((@{popover-arrow-height} + @{popover-border-width}) * -1)";
+		width: @popover-arrow-height;
+		height: @popover-arrow-width;
+		margin: @border-radius 0;
+	}
+	.arrow::before,
+	.arrow::after {
+		border-width: (@popover-arrow-width / 2) 0 (@popover-arrow-width / 2) @popover-arrow-height;
+	}
+	.arrow::before {
+		right: 0;
+		border-left-color: @popover-arrow-outer-color;
+	}
+	.arrow::after {
+		right: @popover-border-width;
+		border-left-color: @popover-arrow-color;
+	}
+}
+
+.popover-header {
+	padding: @popover-header-padding-y @popover-header-padding-x;
+	margin-top: 0;
+	margin-bottom: 0;
+	font-size: @font-size-base;
+	color: @popover-header-color;
+	background-color: @popover-header-bg;
+	border-bottom: @popover-border-width solid darken(@popover-header-bg, 5%);
+	@offset-border-width: ~"calc(@{border-radius} - @{popover-border-width})";
+	.border-top-radius(@offset-border-width);
+	&:empty {
+		display: none;
+	}
+}
+
+.popover-body {
+	padding: @popover-body-padding-y @popover-body-padding-x;
+	color: @popover-body-color;
+}