FEATURE: somehow glued Elixir and SASS. Still not even nearly finished, still really experimental

This commit is contained in:
Michal Kváček
2016-10-27 11:26:15 +02:00
parent 9f430cee11
commit 785168ecc2
175 changed files with 5231 additions and 24135 deletions
@@ -1,4 +1,4 @@
@import '../../../../bootstrap/scss/mixins';
@import 'bootstrap/scss/mixins';
// /*****************************************
// * Triangle Creation Mixin
@@ -1,3 +1,6 @@
@import "../../imports";
.row {
.col {
padding-left: $grid-gutter-width/2;
@@ -1,3 +1,5 @@
@import "../../imports";
.underline-animation {
position: absolute;
top: auto;
@@ -1,3 +1,5 @@
@import "../../imports";
.title {
// font-size: 21px;
font-size: 1.45rem;
@@ -1,3 +1,5 @@
@import "../imports";
.alert {
background-image: none;
@@ -1,3 +1,5 @@
@import "../imports";
.btn {
background-image: none;
border-radius: 0;
@@ -1,3 +1,5 @@
@import "../imports";
.card {
background-color: #fff;
box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);
@@ -1,3 +1,5 @@
@import "../imports";
.dropdown-menu {
float: left;
box-shadow: 2px 3px 6px $dropbown-color-border;
@@ -1,3 +1,5 @@
@import "../imports";
.flex-row {
display: flex;
flex-direction: row;
@@ -1,4 +1,6 @@
input,
@import "../imports";
input,
textarea {
outline: none;
}
@@ -1,3 +1,5 @@
@import "../imports";
.images-container {
@include clearfix();
@@ -1,8 +1,6 @@
$item-list-padding-x: 10px !default;
$item-list-padding-y: 10px !default;
$item-list-line-height: 1.4rem !default;
$item-list-col-grow: 3 !default;
$item-list-col-shrink: 3 !default;
@import "../imports";
/* *******************************************
* Item List general styles
@@ -1,3 +1,5 @@
@import "../imports";
.modal-body.modal-tab-container {
padding: 0;
@@ -1,3 +1,5 @@
@import "../imports";
a:not(.btn) {
// display: inline-block;
// position: relative;
@@ -1,3 +1,5 @@
@import "../imports";
#nprogress {
.bar {
background: $color-primary !important;
@@ -1,3 +1,5 @@
@import "../imports";
.pagination {
margin-top: 0;
@@ -1,3 +1,5 @@
@import "../imports";
/* Let's get this party started */
::-webkit-scrollbar {
width: 7px;
@@ -1,3 +1,5 @@
@import "../imports";
.table {
label {
margin-bottom: 0;
@@ -0,0 +1,3 @@
@import './variables';
@import '../bootstrap/variables';
@import './_common/_styles/mixins';
@@ -1,8 +1,8 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600);
@import '_variables';
@import '../bootstrap/scss/_variables';
@import '../bootstrap/scss/_mixins';
@import 'bootstrap/scss/_variables';
@import 'bootstrap/scss/_mixins';
@import '_common/_styles/mixins';
html,
@@ -106,4 +106,10 @@ $chart-color-secondary: lighten($chart-color-primary, 10%) !default;
****************************************************** */
// Dashboard
$dashboard-stat-icon-color: #BDBDBD !default;
$dashboard-stat-icon-color: #BDBDBD !default;
$item-list-padding-x: 10px !default;
$item-list-padding-y: 10px !default;
$item-list-line-height: 1.4rem !default;
$item-list-col-grow: 3 !default;
$item-list-col-shrink: 3 !default;
@@ -1,3 +1,5 @@
@import "../../../imports";
.footer {
background-color: #fff;
position: absolute;
@@ -1,3 +1,5 @@
@import "../../../../imports";
.header .header-block-buttons {
text-align: center;
margin-left: auto;
@@ -1,3 +1,5 @@
@import "../../../../imports";
.header .header-block-collapse {
padding-right: 5px;
@@ -1,3 +1,5 @@
@import "../../../imports";
.header {
background-color: $color-divider;
height: $header-height;
@@ -1,3 +1,5 @@
@import "../../../../imports";
.header .header-block-nav {
margin-left: auto;
white-space: nowrap;
@@ -1,3 +1,5 @@
@import "../../../../../imports";
.header .header-block-nav {
.profile {
.img {
@@ -1,3 +1,5 @@
@import "../../../../imports";
.header .header-block-search {
$line-height: $header-height - 30px;
margin-right: auto;
@@ -1,3 +1,5 @@
@import "../../../../imports";
#modal-media {
.modal-body {
min-height: 250px;
@@ -1,3 +1,5 @@
@import "../../../imports";
.modal {
.modal-content {
@@ -1,3 +1,5 @@
@import "../../../../imports";
.customize {
// height: 200px;
width: 100%;
@@ -1,3 +1,5 @@
@import "../../../../imports";
.sidebar-header {
.brand {
color: #fff;
@@ -1,3 +1,5 @@
@import "../../../imports";
.sidebar {
background-color: $sidebar-color-primary;
width: $sidebar-width;
@@ -1,3 +1,5 @@
@import "../imports";
.app {
position: relative;
width: 100%;
@@ -1,3 +1,5 @@
@import "../../../imports";
.items-list-page {
.title-search-block {
@@ -1,3 +1,5 @@
@import "../../imports";
.error-card {
width: 410px;
min-height: 330px;
@@ -1,3 +1,4 @@
@import "../imports";
.auth {
position: absolute;
width: 100%;
-45
View File
@@ -1,45 +0,0 @@
@import './modularAdmin/_main';
@import './modularAdmin/_variables';
@import './modularAdmin/_common/navigation/navigation';
@import './modularAdmin/_common/animations/animations';
@import './modularAdmin/_common/button/button';
@import './modularAdmin/_common/_styles/typography';
@import './modularAdmin/_common/_styles/_mixins';
@import './modularAdmin/_common/_styles/misc';
@import './modularAdmin/_common/_styles/layout';
@import './modularAdmin/_common/chart/chart';
@import './modularAdmin/_common/form/form';
@import './modularAdmin/_common/images-container/images-container';
@import './modularAdmin/_common/alert/alert';
@import './modularAdmin/_common/dropdown/dropdown';
@import './modularAdmin/_common/flex/flex';
@import './modularAdmin/_common/nprogress/nprogress';
@import './modularAdmin/_common/pagination/pagination';
@import './modularAdmin/_common/items-list/items-list';
@import './modularAdmin/_common/table/table';
@import './modularAdmin/_common/modal/modal-tabs';
@import './modularAdmin/_common/card/card';
@import './modularAdmin/_common/logo/logo';
@import './modularAdmin/_common/scrollbar/scrollbar';
@import './modularAdmin/app/pages/error';
@import './modularAdmin/app/tables/responsive-tables/responsive-tables';
@import './modularAdmin/app/_common/sidebar/header/header';
@import './modularAdmin/app/_common/sidebar/sidebar';
@import './modularAdmin/app/_common/sidebar/customize/customize';
@import './modularAdmin/app/_common/editor/editor';
@import './modularAdmin/app/_common/header/search/search';
@import './modularAdmin/app/_common/header/collapse/collapse';
@import './modularAdmin/app/_common/header/header';
@import './modularAdmin/app/_common/header/nav/notifications/notifications';
@import './modularAdmin/app/_common/header/nav/profile/profile';
@import './modularAdmin/app/_common/header/nav/nav';
@import './modularAdmin/app/_common/header/buttons/buttons';
@import './modularAdmin/app/_common/footer/footer';
@import './modularAdmin/app/_common/modals/modals';
@import './modularAdmin/app/_common/modals/modal-media/modal-media';
@import './modularAdmin/app/app';
@import './modularAdmin/app/items/list/items-list';
@import './modularAdmin/auth/auth';
@@ -1,9 +0,0 @@
.easy-pie-chart {
width: 50px;
height: 50px;
// margin-right: 10px;
display: inline-block;
background-color: $color-divider;
border-radius: 5px;
// vertical-align: top;
}
@@ -1,46 +0,0 @@
.logo {
display: inline-block;
width: 45px;
height: 25px;
vertical-align: middle;
margin-right: 5px;
// background-color: fade(#fff, 10%);
position: relative;
.l {
width: 11px;
height: 11px;
border-radius: 50%;
background-color: $color-primary;
position: absolute;
&.l1 {
bottom: 0;
left: 0;
}
&.l2 {
width: 7px;
height: 7px;
bottom: 13px;
left: 10px;
}
&.l3 {
width: 7px;
height: 7px;
bottom: 4px;
left: 17px;
}
&.l4 {
bottom: 13px;
left: 25px;
}
&.l5 {
bottom: 0;
left: 34px;
}
}
}
@@ -1,28 +0,0 @@
.wyswyg {
border: 1px solid $color-divider;
.toolbar,
.ql-picker-label,
.ql-picker-options {
// background-color: lighten($color-divider, 10%) !important;
}
.ql-container {
border-top: 1px solid $color-divider;
}
.toolbar {
.btn {
margin: 0;
}
}
.ql-container {
font-size: 1rem;
.ql-editor {
min-height: 200px;
}
}
}