cre_pro 0.0.1

data/vendor/assets/stylesheets/sd/sd/_mixins.scss

@@ -0,0 +1,20 @@
+//Utilities 
+
+@import "mixins/transparency";
+@import "mixins/vendor-prefixes";
+
+
+//Components
+
+@import "mixins/buttons";
+@import "mixins/inputs";
+@import "mixins/labels";
+@import "mixins/tabs";
+
+@import "mixins/navbars";
+@import "mixins/icons";
+@import "mixins/social-buttons";
+
+@import "mixins/morphing-buttons";
+
+@import "mixins/cards";

data/vendor/assets/stylesheets/sd/sd/_modal.scss

@@ -0,0 +1,79 @@
+.modal-header {
+    border: 0 none;
+}
+.modal-content {
+    border: 0 none;
+    border-radius: 10px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+.modal-dialog {
+    padding-top: 60px;
+}
+.modal-footer {
+    border-top: 0 none;
+    padding: 10px 10px;        
+}
+.modal-footer .modal-footer .btn-default.btn-simple{
+    font-weight: 400;
+}
+
+.modal.fade .modal-dialog {
+    transform: none;
+    -webkit-transform: none;
+    -moz-transform: none;
+}
+.modal.in .modal-dialog {
+    transform: none;
+    -webkit-transform: none;
+    -moz-transform: none;
+}
+.modal-small{
+    .modal-dialog{
+        max-width: 350px;
+    }
+}
+.modal-small{
+    .divider{
+        margin: 0 auto;
+        display: block;
+        width: 14px;
+        position: relative;
+        margin-top: 40px;
+        margin-bottom: 30px;
+        font-size: $font-paragraph;
+    }
+    .divider:after{
+        position: absolute;
+        content: "";
+        right: -140px;
+        top: 12px;
+        height: 1px;
+        width: 115px;
+        background-color: $light-gray;
+    }
+    .divider:before{
+        position: absolute;
+        content: "";
+        left: -140px;
+        top: 12px;
+        height: 1px;
+        width: 115px;
+        background-color: $light-gray;
+    }
+    .modal-footer{
+        text-align: center;
+    }
+}
+.social-area{
+    text-align: center;
+    
+    .btn-social{
+        margin: 0 10px;
+    }
+}
+.modal-backdrop.in {
+    opacity: 0.25;
+}
+
+
+

data/vendor/assets/stylesheets/sd/sd/_morphing-buttons.scss

@@ -0,0 +1,161 @@
+.btn-morphing {
+	position: relative;
+    display: inline-block;
+    text-align: center;
+    width: 100%;
+    
+    .btn-toggle {
+        display: block;
+    	margin: 0 auto;
+        width: 100%;
+        -webkit-transition: all 0.3s;
+        transition: all 0.3s;
+    }
+    
+    .fa{
+        width: 40px;
+        height: 40px;
+        @include opacity(0);
+    }
+    .btn-lg + .fa{
+        width: 55px;
+        height: 55px;
+    }
+    .fa.visible{
+        @include opacity(1);
+    }
+}
+
+.btn-morphing button:focus {
+    outline: none;
+}
+
+.btn-morphing span, .btn-morphing svg{
+    position: absolute;
+    top: 0;
+    left: 50%;
+    margin-left: -20px;
+    pointer-events: none;
+    display: none;
+}
+
+.morphing-lg span, .morphing-lg svg{
+    margin-left: -27.5px;
+}
+.btn-morphing span {
+	color: $dark-gray;
+	font-size: $font-size-h5;
+	line-height: $height-base;
+}
+.circle {
+  opacity: 1;
+  fill: none; 
+  stroke: #fff;
+  stroke-linecap: round;
+  stroke-width: 4;
+  stroke-dasharray: 121;
+  stroke-dashoffset: 121;
+  
+}
+
+.rotation-animate{
+    @include circle-animation();
+}
+.circle-animation { 
+     stroke-dashoffset: 14;
+}
+
+.morphing-lg{
+     span{
+         font-size: $font-size-h4;
+         line-height: 55px;
+    }
+    .circle{
+        stroke-dasharray: 158;
+        stroke-dashoffset: 158;      
+    }
+    .circle-animation { 
+         stroke-dashoffset: 14;
+    }
+}
+.btn-morphing {
+    .circle {
+        stroke-width: 2px;
+    }
+    .circle-gray{
+        stroke: $default-color;
+    }
+    .circle-blue{
+        stroke: $primary-color;
+    }
+    .circle-azure{
+        stroke: $info-color;
+    }
+    .circle-green{
+        stroke: $success-color;
+    }
+    .circle-orange{
+        stroke: $warning-color;
+    }
+    .circle-red{
+        stroke: $danger-color;
+    }
+}
+.morphing-info{
+     .circle{
+        stroke: $info-color;
+    }
+    .fa{
+        color: $info-color;
+    }
+}
+.morphing-success{
+     .circle{
+        stroke: $success-color;
+    }
+    .fa{
+        color: $success-color;
+    }
+}
+.morphing-warning{
+     .circle{
+        stroke: $warning-color;
+    }
+    .fa{
+        color: $warning-color;
+    }
+}
+.morphing-error{
+     .circle{
+        stroke: $danger-color;
+    }
+    .fa{
+        color: $danger-color;
+    }
+}
+.btn-toggle{
+    height: 40px;
+    
+    &.btn-lg{
+        height: 55px;
+        
+        &.resize{
+            width: 53px;
+            height: 53px;
+            
+            .btn-round{
+                width: 52px;
+                height: 52px;
+            }
+        }
+    }
+    
+    &.resize{
+        width: 38px;
+    	height: 38px;
+    	margin-top: 1px;
+    	padding: 0;
+    	border-radius: 40px;
+    	background-color: transparent !important;
+    }
+}

data/vendor/assets/stylesheets/sd/sd/_navbars.scss

@@ -0,0 +1,293 @@
+.nav {
+    > li{
+        > a:hover,
+        > a:focus{
+            background-color: transparent;
+        }
+    }
+}
+.navbar{
+    border: $none;
+    font-size: $font-size-navbar;
+
+    .navbar-brand {
+        font-weight: $font-weight-bold;
+        margin: $navbar-margin-brand;
+        padding: $navbar-padding-brand;
+        font-size: $font-size-large-navbar;
+    }
+    .navbar-nav{
+         > li > a {
+             padding: $navbar-padding-a;
+             margin: $navbar-margin-a;
+         }
+         > li > a.btn{
+             margin: $navbar-margin-a-btn;
+             padding: $padding-base-vertical $padding-base-horizontal;
+         }
+         > li > a.btn-round{
+             margin: $navbar-margin-a-btn-round;
+         }
+         > li > a [class^="fa"]{
+             font-size: $font-size-large + 1;
+             position: relative;
+             top: 1px;
+        }
+    }
+    .btn{
+       margin: $navbar-margin-btn;
+       font-size: $font-size-base;
+    }
+    .btn-simple{
+        font-size: $font-size-medium;
+    }
+    .caret{
+       // @include center-item();
+    }
+
+
+}
+
+.navbar-nav > li > .dropdown-menu{
+    border-radius: $border-radius-extreme;
+    margin-top: -5px;
+}
+
+.navbar-transparent, [class*="navbar-ct"]{
+    .navbar-brand{
+        color: $white-color;
+        @include opacity(.9);
+
+        &:focus,
+        &:hover{
+            background-color: transparent;
+            @include opacity(1);
+        }
+    }
+
+    .navbar-nav{
+        > li > a:not(.btn),
+        > li > a.btn-default{
+            color: $white-color;
+            border-color: $white-color;
+            @include opacity(0.8);
+        }
+
+        > li > a.btn-default:hover,
+        > li > a.btn-default:focus{
+            border-color: $white-color;
+            @include opacity(1);
+        }
+
+        > .active > a:not(.btn),
+        > .active > a:hover:not(.btn),
+        > .active > a:focus:not(.btn),
+        > li > a:hover:not(.btn),
+        > li > a:focus:not(.btn){
+            background-color: transparent;
+            border-radius: 3px;
+            color: $white-color;
+            @include opacity(1);
+        }
+        .nav > li > a.btn:hover{
+            background-color: transparent;
+        }
+
+        > .dropdown > a .caret,
+        > .dropdown > a:hover .caret,
+        > .dropdown > a:focus .caret{
+            border-bottom-color: $white-color;
+            border-top-color: $white-color;
+        }
+
+        > .open > a,
+        > .open > a:hover,
+        > .open > a:focus {
+            background-color: transparent;
+            color: $white-color;
+            @include opacity(1);
+        }
+    }
+
+    .btn-default{
+        color: $white-color;
+        border-color: $white-color;
+    }
+    .btn-default.btn-fill{
+        color: $dark-gray;
+        background-color: $white-color;
+        @include opacity(.9);
+    }
+    .btn-default.btn-fill:hover,
+    .btn-default.btn-fill:focus,
+    .btn-default.btn-fill:active,
+    .btn-default.btn-fill.active,
+    .open .dropdown-toggle.btn-fill.btn-default{
+        border-color: $white-color;
+        @include opacity(1);
+    }
+
+    .navbar-toggle .icon-bar{
+        background-color: $white-color !important;
+    }
+}
+
+.navbar-toggle:hover,
+.navbar-toggle:focus {
+    background-color: transparent;
+}
+
+.navbar-transparent{
+    .dropdown-menu .divider{
+        background-color: rgba($white-color,.2);
+    }
+}
+
+.navbar-inverse{
+    .navbar-toggle:hover,
+    .navbar-toggle:focus {
+        background-color: transparent;
+    }
+    .navbar-nav > .open > a{
+        &,
+        &:focus,
+        &:hover{
+            background-color: transparent;
+        }
+    }
+}
+
+.nav-open .nav .caret{
+    border-bottom-color: $white-color;
+    border-top-color: $white-color;
+}
+
+.navbar-default {
+    background-color: $white-navbar;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+    .navbar-nav{
+        > .active > a,
+        > .active > a:not(.btn):hover,
+        > .active > a:not(.btn):focus,
+        > li > a:not(.btn):hover,
+        > li > a:not(.btn):focus {
+            background-color: transparent;
+            border-radius: 3px;
+            color: $info-color;
+            @include opacity(1);
+        }
+
+        > .dropdown > a:hover .caret,
+        > .dropdown > a:focus .caret {
+            border-bottom-color: $info-color;
+            border-top-color: $info-color;
+
+        }
+
+        > .open > a,
+        > .open > a:hover,
+        > .open > a:focus{
+            background-color: transparent;
+            color: $info-color;
+        }
+
+        .navbar-toggle:hover,.navbar-toggle:focus {
+            background-color: transparent;
+        }
+
+    }
+
+    &:not(.navbar-transparent) .btn-default:hover{
+        color: $info-color;
+        border-color: $info-color;
+    }
+    &:not(.navbar-transparent) .btn-neutral,
+    &:not(.navbar-transparent) .btn-neutral:hover,
+    &:not(.navbar-transparent) .btn-neutral:active{
+            color: $dark-gray;
+        }
+
+    .navbar-toggle:hover,
+    .navbar-toggle:focus {
+        background-color: transparent;
+    }
+}
+
+/*      Navbar with icons            */
+
+.navbar-icons{
+    &.navbar .navbar-brand{
+        margin-top: 12px;
+        margin-bottom: 12px;
+    }
+    .navbar-nav{
+        > li > a{
+            text-align: center;
+            padding: $navbar-padding-a-icons;
+            margin: $navbar-margin-a-icons;
+        }
+
+        [class^="pe"] {
+            font-size: 30px;
+            position: relative;
+        }
+        p {
+            margin: 3px 0 0;
+        }
+    }
+}
+
+.navbar-form{
+   @include box-shadow(none);
+   .form-control{
+        @include light-form();
+        height: 22px;
+        font-size: $font-size-navbar;
+        line-height: $line-height-general;
+        color: $light-gray;
+    }
+    .navbar-transparent & .form-control,
+    [class*="navbar-ct"] & .form-control{
+        color: $white-color;
+        border: $none;
+        border-bottom: 1px solid rgba($white-color,.6);
+    }
+
+}
+
+.navbar-ct-blue{
+    @include navbar-color($blue-navbar);
+}
+.navbar-ct-azure{
+    @include navbar-color($azure-navbar);
+}
+.navbar-ct-green{
+    @include navbar-color($green-navbar);
+}
+.navbar-ct-orange{
+    @include navbar-color($orange-navbar);
+}
+.navbar-ct-red{
+    @include navbar-color($red-navbar);
+}
+
+.navbar-transparent{
+    padding-top: 15px;
+    background-color: transparent;
+    border-bottom: 1px solid transparent;
+}
+
+.navbar-toggle{
+    margin-top: 19px;
+    margin-bottom: 19px;
+    border: $none;
+
+    .icon-bar {
+        background-color: $white-color;
+    }
+     .navbar-collapse,
+     .navbar-form {
+        border-color: transparent;
+    }
+}