rails_modular_admin 0.2.0

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

@@ -0,0 +1,200 @@
+.card {
+	background-color: #fff;
+	box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);
+
+	.card {
+		box-shadow: none;
+	}
+
+	margin-bottom: $card-margin-bottom;
+	border-radius: 0;
+	border: none;
+
+	.card-header {
+		background-image: none;
+		background-color: #ffffff;
+		align-items: center;
+		display: flex;
+		flex-direction: row;
+		padding: 0;
+		border-radius: 0;
+		min-height: 50px;
+		border: none;
+
+		@include clearfix();
+
+		&.bordered {
+			border-bottom: 1px solid $color-divider;
+		}
+
+		&.card-header-sm {
+			min-height: 40px;
+		}
+
+		&>span {
+			vertical-align: middle;
+		}
+
+		.pull-right {
+			margin-left: auto;
+		}
+
+		.header-block {
+			padding: 0.5rem $card-padding-x;;
+
+
+			@include media-up(xl) {
+				padding: 0.5rem $card-padding-x-xl;
+			}
+
+			@include media-down(sm) {
+				padding: 0.5rem $card-padding-x-sm;
+			}
+		}
+
+		.title {
+			color: $color-text;
+			display: inline-flex;
+		}
+
+		.btn {
+			margin: 0;
+		}
+
+		.nav-tabs {
+			border-color: transparent;
+			align-self: stretch;
+			display: flex;
+			position: relative;
+			top: 1px;
+
+            .nav-item {
+            	margin-left: 0;
+            	display: flex;
+            	align-self: stretch;
+
+                .nav-link {
+                	display: flex;
+                	align-self: stretch;
+                	align-items: center;
+                	color: $color-text;
+                	opacity: 0.7;
+                    padding-left: 10px;
+                    padding-right: 10px;
+                    border-radius: 0;
+                    font-size: 14px;
+                    border-top-width: 2px;
+                    border-bottom: 1px solid $color-divider;
+                    text-decoration: none;
+
+                    &.active {
+	                	border-top-color: $color-primary;
+	                	border-bottom-color: transparent;
+	                	opacity: 1;
+
+	                	&:hover,
+	                	&:focus {
+	                		opacity: 1;
+	                		background-color: $color-text-inverse;
+	                		border-color: $color-divider $color-divider transparent;
+	                		border-top-color: $color-primary;;
+	                	}
+	                }
+
+	                &:hover,
+	                &:focus {
+	                	opacity: 1;
+	                	background-color: transparent;
+	                	border-color: transparent;
+	                }
+                }
+            }
+        }
+	}
+
+	&.card-default {
+
+		& > .card-header {
+			background-color: #fff;
+			color: inherit;
+		}
+	}
+
+	&.card-primary {
+		border-color: $color-primary;
+		& > .card-header {
+			background-color: $color-primary;
+			border-color: $color-primary;
+		}
+	}
+
+	&.card-success {
+		& > .card-header {
+			background-color: $color-success;
+		}
+	}
+
+	&.card-info {
+		& > .card-header {
+			background-color: $color-info;
+		}
+	}
+
+	&.card-warning {
+		& > .card-header {
+			background-color: $color-warning;
+		}
+	}
+
+	&.card-danger {
+		& > .card-header {
+			background-color: $color-danger;
+		}
+	}
+
+	&.card-inverse {
+		& > .card-header {
+			background-color: $color-inverse;
+		}
+	}
+
+	.title-block,
+	.card-title-block {
+		padding-bottom: 0;
+		margin-bottom: 20px;
+		border: none;
+
+		@include clearfix();
+	}
+
+	.section {
+		margin-bottom: 20px;
+	}
+
+	.example,
+	.section.demo {
+		margin-bottom: 20px;
+	}
+}
+
+
+.card-block {
+	padding: $card-padding-x;
+
+	.tab-content {
+		padding: 0;
+		border-color: transparent;
+	}
+
+	@include media(xl) {
+		padding: $card-padding-x-xl;
+	}
+
+	@include media-down(sm) {
+		padding: $card-padding-x-sm;
+	}
+}
+
+.card-footer {
+	background-color: #fafafa;
+}

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

@@ -0,0 +1,9 @@
+.easy-pie-chart {
+	width: 50px;
+	height: 50px;
+	// margin-right: 10px;
+	display: inline-block;
+	background-color: $color-divider;
+	border-radius: 5px;
+	// vertical-align: top;
+}

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

@@ -0,0 +1,28 @@
+.dropdown-menu {
+	float: left;
+	box-shadow: 2px 3px 6px $dropbown-color-border;
+	border: 1px solid $dropbown-color-border;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+
+
+	.dropdown-item {
+		display: block;
+		padding: 0px 15px;
+		clear: both;
+		font-weight: normal;
+		color: $color-text;
+		white-space: nowrap;
+		transition: none;
+
+		i {
+			margin-right: 2px;
+		}
+
+		&:hover {
+			color: $color-primary !important;
+			background: none;
+			background-color: darken(#fff, 4%);
+		}
+	}
+}

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

@@ -0,0 +1,14 @@
+.flex-row {
+	display: flex;
+	flex-direction: row;
+}
+
+.flex-col {
+	display: flex;
+	flex-direction: column;
+}
+
+.centralize-y {
+	display: flex;
+	align-items: center;
+}

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

@@ -0,0 +1,235 @@
+input,
+textarea {
+	outline: none;
+}
+
+
+.form-group {
+	.row {
+		margin-left: -10px;
+		margin-right: -10px;
+
+		[class^='col'] {
+			padding-left: 10px;
+			padding-right: 10px;
+		}
+	}
+
+	&.has-error {
+		span.has-error {
+			color: $color-danger;
+			font-size: 13px;
+			display: block !important;
+		}
+
+		.form-control-feedback {
+			color: $color-danger;
+		}
+	}
+
+	&.has-warning {
+		span.has-warning {
+			color: $color-warning;
+			font-size: 13px;
+			display: block !important;
+		}
+
+		.form-control-feedback {
+			color: $color-warning;
+		}
+	}
+
+	&.has-success {
+		span.has-success {
+			color: $color-success;
+			font-size: 13px;
+			display: block !important;
+		}
+
+		.form-control-feedback {
+			color: $color-success;
+		}
+	}
+}
+
+/* Input groups */
+.input-group {
+	margin-bottom: 10px;
+
+	.form-control {
+		padding-left: 5px;
+	}
+
+	.input-group-btn {
+		.btn {
+			margin-bottom: 0;
+		}
+	}
+
+	span.input-group-addon {
+		font-style: italic;
+		border: none;
+		border-radius: 0;
+		border: none;
+		background-color: $color-divider;
+		transition: background-color ease-in-out 15s, color ease-in-out .15s;
+
+		&.focus {
+			background-color: $color-primary;
+			color: #ffffff;
+		}
+	}
+}
+
+label,
+.control-label {
+	font-weight: 600;
+}
+
+.form-control.underlined {
+	padding-left: 0;
+	padding-right: 0;
+	border-radius: 0;
+	border: none;
+ 	border-radius: 0;
+	box-shadow: none;
+	border-bottom: 1px solid $color-divider;
+
+	&.indented {
+		padding: .375rem .75rem;
+	}
+
+	.has-error &:focus,
+	.has-warning &:focus,
+	.has-success &:focus,
+	&:focus {
+		border: none;
+		box-shadow: none;
+		border-bottom: 1px solid $color-primary;
+	}
+
+	.has-error & {
+		box-shadow: none;
+		border-color: $color-danger;
+	}
+
+	.has-warning & {
+		box-shadow: none;
+		border-color: $color-warning;
+	}
+
+	.has-success & {
+		box-shadow: none;
+		border-color: $color-success;
+	}
+}
+
+.form-control.boxed {
+    border-radius: 0;
+    box-shadow: none;
+
+    &:focus {
+    	border: 1px solid $color-primary;
+    }
+}
+
+.radio,
+.checkbox {
+	display: none;
+
+	& + span {
+		padding: 0;
+		padding-right: 10px;
+	}
+
+	& + span:before {
+		font-family: FontAwesome;
+		font-size: 21px;
+		display: inline-block;
+		vertical-align: middle;
+		letter-spacing: 10px;
+		color: darken($color-divider, 5%);
+	}
+
+	&:checked + span:before {
+		color: $color-primary;
+	}
+
+	&:disabled + span:before {
+		opacity: 0.5;
+		cursor: not-allowed;
+	}
+
+	&:checked:disabled  + span:before {
+		color: darken($color-divider, 5%);
+	}
+}
+
+.checkbox {
+
+	& + span:before {
+		content: "\f0c8";
+	}
+
+	&:checked + span:before {
+		content: "\f14a";
+	}
+
+	&.rounded {
+		& + span:before {
+			content: "\f111";
+		}
+
+		&:checked + span:before {
+			content: "\f058";
+		}
+	}
+}
+
+.radio {
+
+	& + span:before {
+		content: "\f111";
+	}
+
+	&:checked + span:before {
+		content: "\f192";
+	}
+
+	&.squared {
+		& + span:before {
+			content: "\f0c8";
+		}
+
+		&:checked + span:before {
+			content: "\f14a";
+		}
+	}
+
+}
+
+
+// Placeholders
+.form-control {
+	&::-webkit-input-placeholder {
+		font-style: italic;
+		color: darken($color-divider, 5%);
+	}
+
+	&:-moz-placeholder { /* Firefox 18- */
+		font-style: italic;
+		color: $color-divider;
+	}
+
+	&::-moz-placeholder {  /* Firefox 19+ */
+		font-style: italic;
+		color: $color-divider;
+	}
+
+	&:-ms-input-placeholder {
+		font-style: italic;
+		color: $color-divider;
+	}
+}
+
+