tabler_ui_rails 0.1.0 → 0.2.0

data/assets/stylesheets/dashboard/_functions.scss

@@ -0,0 +1,3 @@
+@function px2rem($value) {
+	@return $value/16px * 1rem;
+}

data/assets/stylesheets/dashboard/_grid.scss

@@ -0,0 +1,50 @@
+.container {
+	@media print {
+		max-width: none;
+	}
+}
+
+.row-cards {
+	> .col,
+	> [class*='col-'] {
+		display: flex;
+		flex-direction: column;
+	}
+}
+
+.row-deck {
+	> .col,
+	> [class*='col-'] {
+		display: flex;
+		align-items: stretch;
+
+		.card {
+			flex: 1 1 auto;
+		}
+	}
+}
+
+.col-text {
+	max-width: 48rem;
+}
+
+.col-login {
+	max-width: 24rem;
+}
+
+@each $name, $value in (0: 0, xs: .25rem, sm: .5rem, lg: 1rem, xl: 1.5rem) {
+	.gutters-#{$name} {
+		margin-right: (-$value);
+		margin-left: -($value);
+
+		> .col,
+		> [class*="col-"] {
+			padding-right: $value;
+			padding-left: $value;
+		}
+
+		.card {
+			margin-bottom: 2*$value;
+		}
+	}
+}

data/assets/stylesheets/dashboard/_header.scss

@@ -0,0 +1,128 @@
+.header {
+	padding-top: .75rem;
+	padding-bottom: .75rem;
+	background: #fff;
+	border-bottom: 1px solid $border-color;
+
+	body.fixed-header & {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: $zindex-fixed;
+	}
+
+	@media print {
+		display: none;
+	}
+
+	.dropdown-menu {
+		margin-top: .75rem;
+	}
+}
+
+.nav-unread {
+	position: absolute;
+	top: .25rem;
+	right: .25rem;
+	background: $red;
+	width: .5rem;
+	height: .5rem;
+	border-radius: 50%;
+}
+
+.header-brand {
+	color: inherit;
+	margin-right: 1rem;
+	font-size: 1.25rem;
+	white-space: nowrap;
+	font-weight: 600;
+	padding: 0;
+	transition: .3s opacity;
+	line-height: 2rem;
+
+	&:hover {
+		opacity: .8;
+		color: inherit;
+		text-decoration: none;
+	}
+}
+
+.header-brand-img {
+	height: 2rem;
+	line-height: 2rem;
+	vertical-align: bottom;
+	margin-right: .5rem;
+	width: auto;
+}
+
+.header-avatar {
+	width: 2rem;
+	height: 2rem;
+	display: inline-block;
+	vertical-align: bottom;
+	border-radius: 50%;
+}
+
+//.header-nav {
+//	background: #fff;
+//	border-bottom: 1px solid $border-color;
+//	color: $text-muted;
+//	align-items: center;
+//
+//	@media print {
+//		display: none;
+//	}
+//
+//	.nav-tabs {
+//		border: 0;
+//	}
+//}
+
+.header-btn {
+	display: inline-block;
+	width: 2rem;
+	height: 2rem;
+	line-height: 2rem;
+	text-align: center;
+	font-size: 1rem;
+
+	&.has-new {
+		position: relative;
+
+		&:before {
+			content: '';
+			width: 6px;
+			height: 6px;
+			background: $red;
+			position: absolute;
+			top: 4px;
+			right: 4px;
+			border-radius: 50%;
+		}
+	}
+}
+
+.header-toggler {
+	width: 2rem;
+	height: 2rem;
+	position: relative;
+	color: $text-muted;
+
+	&:hover {
+		color: $text-muted-dark;
+	}
+}
+
+.header-toggler-icon {
+	position: absolute;
+	width: 1rem;
+	height: 2px;
+	color: inherit;
+	background: currentColor;
+	border-radius: 3px;
+	top: 50%;
+	left: 50%;
+	margin: -2px 0 0 -.5rem;
+	box-shadow: 0 5px currentColor, 0 -5px currentColor;
+}

data/assets/stylesheets/dashboard/_icon.scss

@@ -0,0 +1,29 @@
+.icons-list {
+	list-style: none;
+	margin: 0 -1px -1px 0;
+	padding: 0;
+	display: flex;
+	flex-wrap: wrap;
+
+	>li {
+		flex: 1 0 4rem;
+	}
+}
+
+.icons-list-wrap {
+	overflow: hidden;
+}
+
+.icons-list-item {
+	text-align: center;
+	height: 4rem;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-right: 1px solid $border-color;
+	border-bottom: 1px solid $border-color;
+
+	i {
+		font-size: 1.25rem;
+	}
+}

data/assets/stylesheets/dashboard/_image.scss

@@ -0,0 +1,12 @@
+.img-gallery {
+	margin-right: -.25rem;
+	margin-left: -.25rem;
+	margin-bottom: -.5rem;
+
+	> .col,
+	> [class*="col-"] {
+		padding-left: .25rem;
+		padding-right: .25rem;
+		padding-bottom: .5rem;
+	}
+}

data/assets/stylesheets/dashboard/_jvectormap.scss

@@ -0,0 +1,140 @@
+svg {
+	touch-action: none;
+}
+
+.jvectormap-container {
+	width: 100%;
+	height: 100%;
+	position: relative;
+	overflow: hidden;
+	touch-action: none;
+}
+
+.jvectormap-tip {
+	position: absolute;
+	display: none;
+	border-radius: 3px;
+	background: $gray-900;
+	color: white;
+	padding: 6px;
+	font-size: 11px;
+	line-height: 1;
+	font-weight: 700;
+
+	small {
+		font-size: inherit;
+		font-weight: 400;
+	}
+}
+
+.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
+	position: absolute;
+	left: 10px;
+	border-radius: 3px;
+	background: #292929;
+	padding: 3px;
+	color: white;
+	cursor: pointer;
+	line-height: 10px;
+	text-align: center;
+	box-sizing: content-box;
+}
+
+.jvectormap-zoomin, .jvectormap-zoomout {
+	width: 10px;
+	height: 10px;
+}
+
+.jvectormap-zoomin {
+	top: 10px;
+}
+
+.jvectormap-zoomout {
+	top: 30px;
+}
+
+.jvectormap-goback {
+	bottom: 10px;
+	z-index: 1000;
+	padding: 6px;
+}
+
+.jvectormap-spinner {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	background: center no-repeat url(data:image/gif;base64,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);
+}
+
+.jvectormap-legend-title {
+	font-weight: bold;
+	font-size: 14px;
+	text-align: center;
+}
+
+.jvectormap-legend-cnt {
+	position: absolute;
+}
+
+.jvectormap-legend-cnt-h {
+	bottom: 0;
+	right: 0;
+}
+
+.jvectormap-legend-cnt-v {
+	top: 0;
+	right: 0;
+}
+
+.jvectormap-legend {
+	background: black;
+	color: white;
+	border-radius: 3px;
+}
+
+.jvectormap-legend-cnt-h .jvectormap-legend {
+	float: left;
+	margin: 0 10px 10px 0;
+	padding: 3px 3px 1px 3px;
+}
+
+.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
+	float: left;
+}
+
+.jvectormap-legend-cnt-v .jvectormap-legend {
+	margin: 10px 10px 0 0;
+	padding: 3px;
+}
+
+.jvectormap-legend-cnt-h .jvectormap-legend-tick {
+	width: 40px;
+}
+
+.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
+	height: 15px;
+}
+
+.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
+	height: 20px;
+	width: 20px;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.jvectormap-legend-tick-text {
+	font-size: 12px;
+}
+
+.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
+	text-align: center;
+}
+
+.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 20px;
+	padding-left: 3px;
+}

data/assets/stylesheets/dashboard/_layout.scss

@@ -0,0 +1,95 @@
+.page {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	min-height: 100%;
+
+	body.fixed-header & {
+		padding-top: $header-height;
+	}
+
+	body.aside-opened & {
+		@media (min-width: 1600px) {
+			margin-right: $aside-width;
+		}
+	}
+}
+
+.page-main {
+	flex: 1 1 auto;
+}
+
+.page-content {
+	margin: .75rem 0;
+
+	@include media-breakpoint-up(md) {
+		margin: 1.5rem 0;
+	}
+}
+
+.page-header {
+	display: flex;
+	align-items: center;
+	margin: 1.5rem 0 1.5rem;
+	flex-wrap: wrap;
+}
+
+.page-title {
+	margin: 0;
+	font-size: $h3-font-size;
+	font-weight: 400;
+	line-height: 2.5rem;
+}
+
+.page-title-icon {
+	color: $text-muted;
+	font-size: 1.25rem;
+}
+
+.page-subtitle {
+	font-size: px2rem(13px);
+	color: $text-muted-dark;
+	margin-left: 2rem;
+
+	a {
+		color: inherit;
+	}
+}
+
+.page-options {
+	margin-left: auto;
+}
+
+.page-breadcrumb {
+	flex-basis: 100%;
+}
+
+.page-description {
+	margin: .25rem 0 0;
+	color: $text-muted-dark;
+
+	a {
+		color: inherit;
+	}
+}
+
+.page-single {
+	flex: 1 1 auto;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 1rem 0;
+}
+
+
+
+.content-heading {
+	font-weight: 400;
+	margin: 2rem 0 1.5rem;
+	font-size: px2rem(20px);
+	line-height: 1.25;
+
+	&:first-child {
+		margin-top: 0;
+	}
+}