rails_modular_admin 0.2.0

data/app/assets/stylesheets/rails_modular_admin.scss

@@ -0,0 +1 @@
+@import "rails_modular_admin/application";

data/app/assets/stylesheets/rails_modular_admin/_common/_styles/_mixins.scss

@@ -0,0 +1,103 @@
+@import 'bootstrap/scss/mixins';
+
+// /*****************************************
+// *		Triangle Creation Mixin
+// ******************************************/
+
+// @mixin triangle-base() {
+//     content: '';
+//     display: block;
+//     width: 0;
+//     height: 0;
+//     -moz-transform: scale(.9999);
+// }
+// @mixin triangle($direction, $size, $color) {
+//     @include triangle($direction, $size * 2, $size, $color);
+// }
+// @mixin triangle($direction, $width, $height, $color) when ($direction = up) {
+//     @include triangle-base();
+//     border-left: ($width / 2) solid transparent;
+//     border-right: ($width / 2) solid transparent;
+//     border-bottom: $height solid $color;
+// }
+// @mixin triangle($direction, $width, $height, $color) when ($direction = down) {
+//     @include triangle-base();
+//     border-left: ($width / 2) solid transparent;
+//     border-right: ($width / 2) solid transparent;
+//     border-top: $height solid $color;
+// }
+// @mixin triangle($direction, $width, $height, $color) when ($direction = left) {
+//     @include triangle-base();
+//     border-top: ($width / 2) solid transparent;
+//     border-bottom: ($width / 2) solid transparent;
+//     border-right: $height solid $color;
+// }
+// @mixin triangle($direction, $width, $height, $color) when ($direction = right) {
+//     @include triangle-base();
+//     border-top: ($width / 2) solid transparent;
+//     border-bottom: ($width / 2) solid transparent;
+//     border-left: $height solid $color;
+// }
+
+
+/*****************************************
+*       Background-image: cover mixin
+******************************************/
+
+@mixin bg-cover() {
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+/*****************************************
+*       Media Query Mixins
+******************************************/
+
+// Specified breakpoint
+@mixin media($name) {
+	@include media-breakpoint-only($name) {
+		@content;
+	};
+}
+
+// Larger than specified breakpoint
+@mixin media-up($name) {
+	@include media-breakpoint-up($name) {
+		@content;
+	};
+}
+
+// smaller than specified breakpoint
+@mixin media-down($name) {
+	@include media-breakpoint-down($name) {
+		@content;
+	};
+}
+
+// /******************************************
+// *           Placeholder
+// *******************************************/
+@mixin placeholder() {
+	&::-webkit-input-placeholder { /* WebKit, Blink, Edge */
+		@content;
+	}
+	&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+		@content;
+	}
+	&::-moz-placeholder { /* Mozilla Firefox 19+ */
+		@content;
+	}
+	&:-ms-input-placeholder { /* Internet Explorer 10-11 */
+		@content;
+	}
+}
+
+
+// /******************************************
+// *           Hardware Acceleration
+// *******************************************/
+
+@mixin accelerate() {
+    transform: translate3d(0, 0, 0);
+}

data/app/assets/stylesheets/rails_modular_admin/_common/_styles/layout.scss

@@ -0,0 +1,74 @@
+.row {
+	.col {
+		// padding-left: $grid-gutter-width-base/2;
+		// padding-right: $grid-gutter-width-base/2;
+		// float: left;
+	}
+}
+
+
+.row-sm {
+	margin-left: -10px;
+	margin-right: -10px;
+
+	[class^='col'] {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+}
+
+
+.title-block {
+	padding-bottom: 15px;
+	margin-bottom: 30px;
+	border-bottom: 1px solid $color-divider;
+
+	@include clearfix();
+
+	@include media-down(sm) {
+		margin-bottom: 20px;
+	}
+}
+
+
+.subtitle-block {
+	padding-bottom: 10px;
+	margin-bottom: 20px;
+	border-bottom: 1px dashed lighten($color-divider, 3%);
+}
+
+.section {
+	display: block;
+	margin-bottom: $content-padding-y-md - $card-margin-bottom;
+
+
+	@include media-up(xl) {
+		margin-bottom: $content-padding-y-xl - $card-margin-bottom;
+	}
+
+	@include media(lg) {
+		margin-bottom: $content-padding-y-lg - $card-margin-bottom;
+	}
+
+	@include media(md) {
+		margin-bottom: $content-padding-y-md - $card-margin-bottom;
+	}
+
+	@include media-down(sm) {
+		margin-bottom: $content-padding-y-sm - $card-margin-bottom;
+	}
+
+
+	&:last-of-type {
+		margin-bottom: 0;
+	}
+}
+
+.box-placeholder {
+    margin-bottom: 15px;
+    padding: 20px;
+    border: 1px dashed #ddd;
+    background: #fafafa;
+    color: #444;
+    cursor: pointer;
+}

data/app/assets/stylesheets/rails_modular_admin/_common/_styles/misc.scss

@@ -0,0 +1,115 @@
+.underline-animation {
+	position: absolute;
+	top: auto;
+	bottom: 1px;
+	left: 0;
+	width: 100%;
+	height: 1px;
+	background-color: $color-primary;
+	content: '';
+	transition: all 0.2s;
+	backface-visibility: hidden;
+	transform: scaleX(0);
+}
+
+.bar {
+	// background-color: $color-primary !important;
+}
+
+
+.stat-chart {
+	border-radius: 50%;
+}
+
+.stat {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: inline-block;
+	margin-right: 10px;
+
+	.value {
+		font-size: 20px;
+		line-height: 24px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		font-weight: 500;
+	}
+
+	.name {
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	&.lg {
+		.value {
+			font-size: 26px;
+			line-height: 28px;
+		}
+
+		.name {
+			font-size: 16px;
+		}
+	}
+}
+
+.list-icon {
+
+	[class^='col'] {
+		cursor: pointer;
+		
+		em {
+			font-size: 14px;
+			width: 40px;
+			vertical-align: middle;
+			margin: 0;
+			display: inline-block;
+			text-align: center;
+			-webkit-transition: all 1s;
+			-o-transition: all 1s;
+			transition: all 1s;
+			line-height: 30px;
+		}
+
+		&:hover {
+			em {
+				transform: scale(2,2);
+			}
+		}
+	}
+}
+
+
+.well {
+	background-image: none;
+	background-color: #fff;
+}
+
+.jumbotron {
+	background-image: none;
+	background-color: #fff;
+	padding: 15px 30px;
+
+	&.jumbotron-fluid {
+		padding-left: 0;
+		padding-right: 0;
+	}
+}
+
+.rounded {
+	border-radius: $border-radius;
+}
+
+.rounded-l {
+	border-radius: $border-radius-lg;
+}
+
+.rounded-s {
+	border-radius: $border-radius-sm;
+}
+
+.jqstooltip {
+	height: 25px !important;
+	width: auto !important;
+	border-radius: $border-radius-sm;
+}

data/app/assets/stylesheets/rails_modular_admin/_common/_styles/typography.scss

@@ -0,0 +1,60 @@
+.title {
+	// font-size: 21px;
+	font-size: 1.45rem;
+	font-weight: 600;
+	margin-bottom: 0;
+
+	// Title large
+	&.l {
+		// font-size: 23px;
+		font-size: 1.6rem;
+	}
+
+	&.s {
+		// font-size: 18px;
+		font-size: 1.4rem;
+	}
+
+	.card & {
+		font-size: 1.1rem;
+		color: $color-text;
+	}
+}
+
+.title-description {
+	margin: 0;
+	// font-size: 14px;
+	font-size: 0.9rem;
+	font-weight: normal;
+	color: $color-text-light;
+
+	// Small 
+	&.s {
+		// font-size: 13px;
+		font-size: 0.8rem;
+	}
+
+	@include media-down(sm) {
+		display: none;
+	}
+}
+
+.subtitle {
+	font-size: 1.2rem;
+	margin: 0;
+	color: $color-text-light;
+}
+
+.text-primary {
+	color: $color-primary;
+}
+
+.text-muted {
+	color: lighten($color-text-light, 10%)
+}
+
+pre {
+	padding: 0;
+	border: none;
+	background: none;
+}

data/app/assets/stylesheets/rails_modular_admin/_common/alert/alert.scss

@@ -0,0 +1,27 @@
+.alert {
+	background-image: none;
+	
+	&.alert-primary {
+		@include alert-variant($color-primary, $color-primary, #ffffff);
+	}
+
+	&.alert-success {
+		@include alert-variant($color-success, $color-success, #ffffff);
+	}
+
+	&.alert-info {
+		@include alert-variant($color-info, $color-info, #ffffff);
+	}
+
+	&.alert-warning {
+		@include alert-variant($color-warning, $color-warning, #ffffff);
+	}
+
+	&.alert-danger {
+		@include alert-variant($color-danger, $color-danger, #ffffff);
+	}
+
+	&.alert-inverse {
+		@include alert-variant($color-inverse, $color-inverse, #ffffff);
+	}
+}

data/app/assets/stylesheets/rails_modular_admin/_common/animations/animations.scss

@@ -0,0 +1,4 @@
+.animated {
+  animation-duration: .5s;
+  animation-delay: .1s;
+}

data/app/assets/stylesheets/rails_modular_admin/_common/button/button.scss

@@ -0,0 +1,117 @@
+.btn {
+	background-image: none;
+	border-radius: 0;
+	margin-bottom: 5px;
+	line-height: 1.2;
+
+	&,
+	&:hover {
+		color: $color-text-inverse;
+	}
+
+
+	&.btn-primary {
+		@include button-variant( $color-primary, $color-primary);
+
+		&,
+		&:hover {
+			color: $btn-primary-color-text;
+		}
+	}
+
+	&.btn-secondary {
+		@include button-variant( #fff, $color-divider );	
+		&,
+		&:hover {
+			color: $color-text;
+		}
+	}
+
+	&.btn-success {
+		@include button-variant( $color-success, $color-success);
+		// color: $color-text-inverse;
+	}
+
+	&.btn-info {
+		@include button-variant( $color-info, $color-info);
+		// color: $color-text-inverse;
+	}
+
+	&.btn-warning {
+		@include button-variant( $color-warning, $color-warning);
+		// color: $color-text-inverse;
+	}
+
+	&.btn-danger {
+		@include button-variant( $color-danger, $color-danger);
+		// color: $color-text-inverse;
+	}
+
+	// Remove all backgrounds
+	&.btn-primary-outline {
+		@include button-outline-variant($color-primary);
+	}
+
+	&.btn-secondary-outline {
+		@include button-outline-variant($color-divider);
+	}
+
+	&.btn-info-outline {
+		@include button-outline-variant($color-info);
+	}
+
+	&.btn-success-outline {
+		@include button-outline-variant($color-success);
+	}
+
+	&.btn-warning-outline {
+		@include button-outline-variant($color-warning);
+	}
+
+	&.btn-danger-outline {
+		@include button-outline-variant($color-danger);
+	}
+
+	&.btn-pill-left,
+	&.btn-pill-right,
+	&.btn-oval {
+		&:focus {
+			outline: none;
+    		outline-offset: initial;
+		}	
+	}
+
+	&.btn-pill-left {
+		border-top-left-radius: $btn-radius;	
+		border-bottom-left-radius: $btn-radius;
+	}
+
+	&.btn-pill-right {
+		border-top-right-radius: $btn-radius;	
+		border-bottom-right-radius: $btn-radius;
+	}
+
+	&.btn-oval {
+		border-radius: $btn-radius;
+	}
+
+	&.btn-link {
+		text-decoration: none;
+	}
+
+	strong {
+		font-weight: 600;
+	}
+
+}
+
+.btn-group {
+	.dropdown-menu {
+		& > li:last-child {
+			a:hover:before {
+				height: 0px;
+				transform: scaleX(0)
+			}
+		}
+	}
+}