cre_pro 0.0.1

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_alerts.scss

@@ -0,0 +1,11 @@
+@mixin alert-style($background-color, $color){
+    background-color: $background-color;
+    color: $color;
+    .close{
+        color: $color;
+        opacity: 0.7;
+        &:hover{
+            opacity: 1;
+        }
+    }
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_buttons.scss

@@ -0,0 +1,104 @@
+// Mixin for generating new styles
+@mixin btn-styles($btn-color, $btn-states-color) {
+  border-color: $btn-color;
+  color: $btn-color;
+  
+  &:hover,
+  &:focus,
+  &:active,
+  &:active:hover,
+  &:active:focus,
+  &.active,
+  
+  .open > &.dropdown-toggle:focus, 
+  .open > &.dropdown-toggle:hover, 
+  .open > &.dropdown-toggle {
+    background-color: $btn-color;
+    color: $fill-font-color;
+    border-color: $btn-color;
+    .caret{
+        border-top-color: $fill-font-color;
+    }
+    i{
+        color: $fill-font-color;
+        opacity: 0.7;
+    }
+  }
+  
+  &.disabled,
+  &:disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active {
+      background-color: $transparent-bg;
+      border-color: $btn-color;
+    }
+  }
+  
+
+  &.btn-fill {
+    color: $white-color;
+    background-color: $btn-color;
+    @include opacity(1);  
+
+    &:hover,
+    &:focus,
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle{
+        background-color: $btn-states-color;
+        color: $white-color;
+        border-color: $btn-states-color;
+    }
+    .caret{
+        border-top-color: $white-color;
+    }
+    i{
+        color: $white-color;
+        opacity: 1;
+    }
+  }
+  
+  &.btn-simple {
+    &:hover,
+    &:focus,
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle{
+        background-color: $transparent-bg;
+        color: $btn-states-color;
+        i{
+            color: $btn-states-color;
+            opacity: 1;
+        }
+        .caret{
+            border-top-color: $btn-states-color;
+        }
+    }
+    .caret{
+        border-top-color: $btn-color;
+    }
+  }  
+  
+  .caret{
+      border-top-color: $btn-color;
+  }
+}
+
+
+@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border, $line-height){
+   font-size: $font-size;
+   border-radius: $border;
+/*    line-height: $line-height; */
+   padding: $padding-vertical $padding-horizontal;
+    
+   &.btn-simple{
+       padding: $padding-vertical + 2 $padding-horizontal; 
+   }
+    
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_inputs.scss

@@ -0,0 +1,17 @@
+@mixin input-size($padding-vertical, $padding-horizontal, $height){
+    padding: $padding-vertical $padding-horizontal;
+    height: $height;
+}
+
+@mixin placeholder($color, $opacity){
+   color: $color;
+   @include opacity(1);
+}
+
+@mixin light-form(){
+    border-radius: 0;
+    border:0;
+    padding: 0;
+    background-color: transparent;
+
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_labels.scss

@@ -0,0 +1,10 @@
+@mixin label-style(){
+    padding: 0.4em 0.9em;
+    border-radius: 10px;
+    color: $white-color;
+    font-weight: 500;
+    font-size: 0.75em;
+    line-height: 1;
+    text-transform: uppercase;
+    display: inline-block;
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_navbars.scss

@@ -0,0 +1,11 @@
+@mixin navbar-color($color){
+    background-color: $color;
+}
+
+@mixin center-item(){
+    left: 0;
+    right: 0;
+    margin-right: auto;
+    margin-left: auto;
+    position: absolute;
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_popovers.scss

@@ -0,0 +1,21 @@
+@mixin popover-style($background-color, $color){
+    background-color: $background-color;
+    color: $white-color;
+    .popover-title{
+        background-color: $background-color; 
+        color: $color;
+    }
+    &.bottom .arrow:after{
+        border-bottom-color: $background-color; 
+    }
+    &.left > .arrow::after{
+        border-left-color: $background-color;
+    }
+    &.top > .arrow::after{
+        border-top-color: $background-color;
+    }
+    &.right > .arrow::after{
+        border-right-color: $background-color;
+    }
+    
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_social.scss

@@ -0,0 +1,68 @@
+@mixin social-buttons-color ($color){
+
+  border-color: $color;
+  color: $color;
+  
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  .open > &.dropdown-toggle {
+    background-color: $color;
+    border-color: $color;
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  &:disabled,
+  &[disabled],
+  &.disabled {
+    background-color: $transparent-bg;
+    border-color: $color;
+  }
+
+  &.btn-fill {
+    color: $white-color;
+    background-color: $color;
+    opacity: 0.8;
+    
+    &:hover,
+    &:focus,
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle{
+        background-color: $color;
+        border-color: $color;
+        color: $white-color;
+        opacity: 1;
+    }
+    
+  }
+  
+  &.btn-simple {
+    
+    color: $color;
+    opacity: 0.8;  
+      
+    &:hover,
+    &:focus,
+    &:active,
+    &.active,
+    .open > &.dropdown-toggle{
+        background-color: $transparent-bg;
+        color: $color;
+        opacity: 1;
+    i{
+        color: $color;
+        opacity: 1;
+    }    
+        
+    }
+  } 
+  
+}
+@mixin social-label-color ($color){
+    background-color: $color;
+}	
+@mixin social-icon-color ($color){
+    color: $color;
+}		

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_tabs.scss

@@ -0,0 +1,4 @@
+@mixin pill-style($color){
+    border: 1px solid $color;
+    color: $color;
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_transparency.scss

@@ -0,0 +1,17 @@
+// Opacity
+
+@mixin opacity($opacity) {
+  opacity: $opacity;
+}
+
+@mixin black-filter($opacity){
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    background-color: rgba(17,17,17,$opacity);
+    display: block;
+    content: "";
+    z-index: 1;
+}

data/vendor/assets/stylesheets/pk/ct-pk/mixins/_vendor-prefixes.scss

@@ -0,0 +1,233 @@
+// User select
+// For selecting text on the page
+
+@mixin user-select($select) {
+  -webkit-user-select: $select;
+     -moz-user-select: $select;
+      -ms-user-select: $select; // IE10+
+          user-select: $select;
+}
+
+@mixin box-shadow($shadow...) {
+  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
+          box-shadow: $shadow;
+}
+
+// Box sizing
+@mixin box-sizing($boxmodel) {
+  -webkit-box-sizing: $boxmodel;
+     -moz-box-sizing: $boxmodel;
+          box-sizing: $boxmodel;
+}
+
+
+@mixin transition($time, $type){
+    -webkit-transition: all $time $type;
+    -moz-transition: all $time $type;
+    -o-transition: all $time $type;
+    -ms-transition: all $time $type;
+    transition: all $time $type;
+}
+
+@mixin transition-none(){
+    -webkit-transition: none;
+    -moz-transition: none;
+    -o-transition: none;
+    -ms-transition: none;
+    transition: none;
+}
+
+@mixin transform-scale($value){
+     -webkit-transform: scale($value);
+        -moz-transform: scale($value);
+        -o-transform: scale($value);
+        -ms-transform: scale($value);
+        transform: scale($value);
+}
+
+@mixin transform-translate-x($value){
+     -webkit-transform:  translateX($value);
+        -moz-transform: translateX($value);
+        -o-transform: translateX($value);
+        -ms-transform: translateX($value);
+        transform: translateX($value);
+}
+
+@mixin transform-translate-y($value){
+     -webkit-transform:  translate3d(0, $value, 0);
+        -moz-transform: translate3d(0, $value, 0);
+        -o-transform: translate3d(0, $value, 0);
+        -ms-transform: translate3d(0, $value, 0);
+        transform: translate3d(0, $value, 0);
+}
+
+@mixin transform-origin($coordinates){
+      -webkit-transform-origin: $coordinates;
+        -moz-transform-origin: $coordinates;
+        -o-transform-origin: $coordinates;
+        -ms-transform-origin: $coordinates;
+        transform-origin: $coordinates;
+}
+
+@mixin icon-gradient ($top-color, $bottom-color){
+    background: $top-color;
+    background: -moz-linear-gradient(top,  $top-color 0%, $bottom-color 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$top-color), color-stop(100%,$bottom-color));
+    background: -webkit-linear-gradient(top,  $top-color 0%,$bottom-color 100%);
+    background: -o-linear-gradient(top,  $top-color 0%,$bottom-color 100%);
+    background: -ms-linear-gradient(top,  $top-color 0%,$bottom-color 100%);
+    background: linear-gradient(to bottom,  $top-color 0%,$bottom-color 100%);
+}
+
+@mixin vertical-align {
+  position: relative;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+@mixin rotate-180(){
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+    -webkit-transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    transform: rotate(180deg);
+}
+@mixin rotate-53(){
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+    -webkit-transform: rotate(53deg);
+    -ms-transform: rotate(53deg);
+    transform: rotate(53deg);
+}
+@mixin bar-animation($type){
+     -webkit-animation: $type 500ms linear 0s;
+     -moz-animation: $type 500ms linear 0s;
+     animation: $type 500ms 0s;
+     -webkit-animation-fill-mode: forwards;
+     -moz-animation-fill-mode: forwards;
+     animation-fill-mode: forwards;
+}
+
+@mixin topbar-x-rotation(){
+    @keyframes topbar-x {
+      0% {top: 0px; transform: rotate(0deg); }
+      45% {top: 6px; transform: rotate(145deg); }
+      75% {transform: rotate(130deg); }
+      100% {transform: rotate(135deg); }
+    }
+    @-webkit-keyframes topbar-x {
+      0% {top: 0px; -webkit-transform: rotate(0deg); }
+      45% {top: 6px; -webkit-transform: rotate(145deg); }
+      75% {-webkit-transform: rotate(130deg); }
+      100% { -webkit-transform: rotate(135deg); }
+    }
+    @-moz-keyframes topbar-x {
+      0% {top: 0px; -moz-transform: rotate(0deg); }
+      45% {top: 6px; -moz-transform: rotate(145deg); }
+      75% {-moz-transform: rotate(130deg); }
+      100% { -moz-transform: rotate(135deg); }
+    }
+}
+
+@mixin topbar-back-rotation(){
+    @keyframes topbar-back {
+      0% { top: 6px; transform: rotate(135deg); }
+      45% { transform: rotate(-10deg); }
+      75% { transform: rotate(5deg); }
+      100% { top: 0px; transform: rotate(0); }
+    }
+
+    @-webkit-keyframes topbar-back {
+      0% { top: 6px; -webkit-transform: rotate(135deg); }
+      45% { -webkit-transform: rotate(-10deg); }
+      75% { -webkit-transform: rotate(5deg); }
+      100% { top: 0px; -webkit-transform: rotate(0); }
+    }
+
+    @-moz-keyframes topbar-back {
+      0% { top: 6px; -moz-transform: rotate(135deg); }
+      45% { -moz-transform: rotate(-10deg); }
+      75% { -moz-transform: rotate(5deg); }
+      100% { top: 0px; -moz-transform: rotate(0); }
+    }
+}
+
+@mixin bottombar-x-rotation(){
+    @keyframes bottombar-x {
+      0% {bottom: 0px; transform: rotate(0deg);}
+      45% {bottom: 6px; transform: rotate(-145deg);}
+      75% {transform: rotate(-130deg);}
+      100% {transform: rotate(-135deg);}
+    }
+    @-webkit-keyframes bottombar-x {
+      0% {bottom: 0px; -webkit-transform: rotate(0deg);}
+      45% {bottom: 6px; -webkit-transform: rotate(-145deg);}
+      75% {-webkit-transform: rotate(-130deg);}
+      100% {-webkit-transform: rotate(-135deg);}
+    }
+    @-moz-keyframes bottombar-x {
+      0% {bottom: 0px; -moz-transform: rotate(0deg);}
+      45% {bottom: 6px; -moz-transform: rotate(-145deg);}
+      75% {-moz-transform: rotate(-130deg);}
+      100% {-moz-transform: rotate(-135deg);}
+    }
+}
+
+@mixin bottombar-back-rotation{
+    @keyframes bottombar-back {
+      0% { bottom: 6px;transform: rotate(-135deg);}
+      45% { transform: rotate(10deg);}
+      75% { transform: rotate(-5deg);}
+      100% { bottom: 0px;transform: rotate(0);}
+    }
+    @-webkit-keyframes bottombar-back {
+      0% {bottom: 6px;-webkit-transform: rotate(-135deg);}
+      45% {-webkit-transform: rotate(10deg);}
+      75% {-webkit-transform: rotate(-5deg);}
+      100% {bottom: 0px;-webkit-transform: rotate(0);}
+    }
+    @-moz-keyframes bottombar-back {
+      0% {bottom: 6px;-moz-transform: rotate(-135deg);}
+      45% {-moz-transform: rotate(10deg);}
+      75% {-moz-transform: rotate(-5deg);}
+      100% {bottom: 0px;-moz-transform: rotate(0);}
+    }
+
+}
+
+
+// Styles for switch
+
+@mixin switch-styles($color){
+    .has-switch span.switch-left,
+    .has-switch span.switch-right {
+        background-color: color;
+    }
+}
+
+//For cards
+
+@mixin card-color-style($background-color, $text-color, $subtitle-color){
+    background: $background-color;
+    .category{
+        color: $subtitle-color;
+    }
+    .description{
+        color: $text-color;
+    }
+    .icon{
+        i{
+            color: $text-color;
+            border: 2px solid $subtitle-color;
+        }
+    }
+}
+
+//For filter
+@mixin filter($color){
+    @if $color == #FFFFFF{
+         background-color: rgba($color,.91);
+    } @else {
+         background-color: rgba($color,.69);
+    }
+}