@posiwise/core-styles 0.0.5 → 0.0.7

package/app.scss

@@ -10,7 +10,7 @@
 ///////////////////////////
 
 // Bootstrap modules => This loads the main Bootstrap module
-@import 'scss/custom-bootstrap/bootstrap_variables'; // This is to overwride custom bootstrap variables such as theme-colors. NOT USED FOR NOW.
+@import 'scss/custom-bootstrap/bootstrap_variables'; // This is to override custom bootstrap variables such as theme-colors. NOT USED FOR NOW.
 @import 'scss/bootstrap_modules';
 
 // Custom variables

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posiwise/core-styles",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/scss/_dashboard.scss

@@ -6,7 +6,7 @@
 @import 'dashboard/mixins/shadows';
 @import 'dashboard/mixins/vendor-prefixes';
 
-// Doashboard scss modules
+// Dashboard scss modules
 @import 'dashboard/components';
 @import 'dashboard/icons';
 @import 'dashboard/ui-switch';

package/scss/_dynamic-styles.scss

@@ -146,7 +146,7 @@
         }
     }
 
-    // signin buttons
+    // sign in buttons
     .sign-btn {
         background-color: var(--first);
         color: #fff;
@@ -224,6 +224,11 @@
         color: #fff !important;
     }
 
+    .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+        color: #ffffff;
+        background: var(--first) !important;
+    }
+
     .p-autocomplete {
         .p-button,
         .p-button:enabled:active,
@@ -425,7 +430,8 @@
     //   spinner color
 
     p-progressSpinner .p-progress-spinner-circle {
-        animation: custom-progress-spinner-dash 1.5s ease-in-out infinite,
+        animation:
+            custom-progress-spinner-dash 1.5s ease-in-out infinite,
             custom-progress-spinner-color 6s ease-in-out infinite;
     }
 
@@ -549,4 +555,32 @@
             @extend .text-dark;
         }
     }
+    .btn.btn-primary {
+        &:not(.text-light) {
+            @extend .text-light;
+        }
+    }
+    .btn.btn-primary {
+        &:not(.text-light) {
+            @extend .text-light;
+        }
+    }
+    .btn.btn-secondary {
+        &:not(.text-light) {
+            @extend .text-light;
+        }
+    }
+    .btn.btn-secondary {
+        &:not(.text-light) {
+            @extend .text-light;
+        }
+    }
+    .btn.btn-primary:hover {
+        background-color: transparent !important;
+        color: var(--first) !important;
+    }
+    .btn.btn-secondary:hover {
+        background-color: transparent !important;
+        color: var(--first) !important;
+    }
 }

package/scss/common/landing-page-a/landing-page-style-1.scss

@@ -380,7 +380,7 @@ label {
     }
 
     .form-container {
-        background-image: url('/assets/img/products/cloud-olive/login-form-background-img.png');
+        background-image: url('/assets/img/products/trial/login-form-background-img.png');
     }
 }
 
@@ -505,7 +505,7 @@ app-social-login {
 
 @media screen and (max-width: 768px) {
     .vendor-container {
-        background-image: url('/assets/img/products/cloud-olive/login-form-background-img.png');
+        background-image: url('/assets/img/products/c/login-form-background-img.png');
         background-position: right;
         background-repeat: no-repeat;
         background-size: 60vw 100%;

package/scss/common/landing-page-b/banner.scss

@@ -3,7 +3,7 @@
 
 .banner {
     background-attachment: scroll;
-    background-image: url('/assets/img/products/cloud-olive/cloudolive-new/banner-bg.jpg');
+    background-image: url('/assets/img/products/trial/banner-bg.jpg');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -114,8 +114,8 @@
     }
 
     section.banner::after {
-        background: url('/assets/img/products/cloud-olive/cloudolive-new/white-stripes-right1.png')
-            right bottom no-repeat;
+        background: url('/assets/img/products/trial/white-stripes-right1.png') right bottom
+            no-repeat;
         bottom: 0;
         clip-path: circle(55% at 80% 80%);
         content: '';
@@ -127,8 +127,8 @@
 
     .banner {
         .stripes-img::before {
-            background: url('/assets/img/products/cloud-olive/cloudolive-new/white-stripes-left.png')
-                left bottom no-repeat;
+            background: url('/assets/img/products/trial/white-stripes-left.png') left bottom
+                no-repeat;
             bottom: 0;
             clip-path: circle(50.9% at 1% 44%);
             content: '';

package/scss/common/landing-page-b/contact-us.scss

@@ -2,7 +2,7 @@
 @import 'common/landing-page-b/landing-page-style-2';
 
 .cloudolive-contact-us {
-    background: url('/assets/img/products/cloud-olive/cloudolive-new/contact-us-bg.jpg') center;
+    background: url('/assets/img/products/trial/contact-us-bg.jpg') center;
     background-size: cover;
     padding: 40px 0;
 

package/scss/common/landing-page-b/explainer.scss

@@ -61,8 +61,8 @@
         }
 
         .stripes::before {
-            background: url('/assets/img/products/cloud-olive/cloudolive-new/white-stripes-right1.png')
-                right top no-repeat;
+            background: url('/assets/img/products/trial/white-stripes-right1.png') right top
+                no-repeat;
             clip-path: circle(45% at 67% 61%);
             content: '';
             height: 350px;

package/scss/common/landing-page-b/landing-page-style-2.scss

@@ -2,7 +2,7 @@
 @import 'variables/branding-variables';
 
 * {
-    font-family: $familyMontserrat;
+    font-family: $family-montserrat;
 }
 
 h2 {

package/scss/custom-bootstrap/_badge.scss

@@ -357,7 +357,7 @@
     color: rgb(255 255 255);
 }
 
-// pink bages
+// pink badges
 
 .bg-pink {
     color: rgb(255 255 255);

package/scss/dashboard/_bootstrap-social.scss

@@ -153,7 +153,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-foursquare {
-    @include btn-social($fourSquare);
+    @include btn-social($four-square);
 }
 
 .btn-github {
@@ -165,7 +165,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-instagram {
-    @include btn-social($instaGram);
+    @include btn-social($instagram);
 }
 
 .btn-linkedin {
@@ -173,7 +173,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-microsoft {
-    @include btn-social($micrSoft);
+    @include btn-social($microsoft);
 }
 
 .btn-odnoklassniki {
@@ -181,7 +181,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-openid {
-    @include btn-social($openId);
+    @include btn-social($open-id);
 }
 
 .btn-pinterest {
@@ -193,7 +193,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-soundcloud {
-    @include btn-social($soundColoud);
+    @include btn-social($soundCloud);
 }
 
 .btn-tumblr {
@@ -238,7 +238,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-foursquare {
-    @include btn-social-outline($fourSquare);
+    @include btn-social-outline($four-square);
 }
 
 .btn-outline-github {
@@ -250,7 +250,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-instagram {
-    @include btn-social-outline($instaGram);
+    @include btn-social-outline($instagram);
 }
 
 .btn-outline-linkedin {
@@ -258,7 +258,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-microsoft {
-    @include btn-social-outline($micrSoft);
+    @include btn-social-outline($microsoft);
 }
 
 .btn-outline-odnoklassniki {
@@ -266,7 +266,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-openid {
-    @include btn-social-outline($openId);
+    @include btn-social-outline($open-id);
 }
 
 .btn-outline-pinterest {
@@ -278,7 +278,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-soundcloud {
-    @include btn-social-outline($soundColoud);
+    @include btn-social-outline($soundCloud);
 }
 
 .btn-outline-tumblr {
@@ -323,7 +323,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-foursquare:hover {
-    @include btn-hover-outline($fourSquare);
+    @include btn-hover-outline($four-square);
 }
 
 .btn-outline-github:hover {
@@ -335,7 +335,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-instagram:hover {
-    @include btn-hover-outline($instaGram);
+    @include btn-hover-outline($instagram);
 }
 
 .btn-outline-linkedin:hover {
@@ -343,7 +343,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-microsoft:hover {
-    @include btn-hover-outline($micrSoft);
+    @include btn-hover-outline($microsoft);
 }
 
 .btn-outline-odnoklassniki:hover {
@@ -351,7 +351,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-openid:hover {
-    @include btn-hover-outline($openId);
+    @include btn-hover-outline($open-id);
 }
 
 .btn-outline-pinterest:hover {
@@ -363,7 +363,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-outline-soundcloud:hover {
-    @include btn-hover-outline($soundColoud);
+    @include btn-hover-outline($soundCloud);
 }
 
 .btn-outline-tumblr:hover {
@@ -408,7 +408,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-foursquare-flat {
-    @include btn-social-flat($fourSquare);
+    @include btn-social-flat($four-square);
 }
 
 .btn-github-flat {
@@ -420,7 +420,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-instagram-flat {
-    @include btn-social-flat($instaGram);
+    @include btn-social-flat($instagram);
 }
 
 .btn-linkedin-flat {
@@ -428,7 +428,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-microsoft-flat {
-    @include btn-social-flat($micrSoft);
+    @include btn-social-flat($microsoft);
 }
 
 .btn-odnoklassniki-flat {
@@ -436,7 +436,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-openid-flat {
-    @include btn-social-flat($openId);
+    @include btn-social-flat($open-id);
 }
 
 .btn-pinterest-flat {
@@ -448,7 +448,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 }
 
 .btn-soundcloud-flat {
-    @include btn-social-flat($soundColoud);
+    @include btn-social-flat($soundCloud);
 }
 
 .btn-tumblr-flat {
@@ -517,7 +517,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 .btn-foursquare-flat:focus,
 .btn-foursquare-flat:active:focus,
 .btn-foursquare-flat:active:hover {
-    @include btn-social-flat-active($fourSquare);
+    @include btn-social-flat-active($four-square);
 }
 
 .btn-github-flat.active,
@@ -541,7 +541,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 .btn-instagram-flat:focus,
 .btn-instagram-flat:active:focus,
 .btn-instagram-flat:active:hover {
-    @include btn-social-flat-active($instaGram);
+    @include btn-social-flat-active($instagram);
 }
 
 .btn-linkedin-flat.active,
@@ -557,7 +557,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 .btn-microsoft-flat:focus,
 .btn-microsoft-flat:active:focus,
 .btn-microsoft-flat:active:hover {
-    @include btn-social-flat-active($micrSoft);
+    @include btn-social-flat-active($microsoft);
 }
 
 .btn-odnoklassniki-flat.active,
@@ -573,7 +573,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 .btn-openid-flat:focus,
 .btn-openid-flat:active:focus,
 .btn-openid-flat:active:hover {
-    @include btn-social-flat-active($openId);
+    @include btn-social-flat-active($open-id);
 }
 
 .btn-pinterest-flat.active,
@@ -597,7 +597,7 @@ $bs-height-xs: (floor($font-size-sm * 1.2) + $padding-small-vertical + 1) !defau
 .btn-soundcloud-flat:focus,
 .btn-soundcloud-flat:active:focus,
 .btn-soundcloud-flat:active:hover {
-    @include btn-social-flat-active($soundColoud);
+    @include btn-social-flat-active($soundCloud);
 }
 
 .btn-tumblr-flat.active,

package/scss/dashboard/_helper.scss

@@ -1,7 +1,7 @@
 // ================================================================================================
 // 	File Name: helper
 // 	Description: Helper classes provides color, width, position & background etc..
-// 				 related customiztion.
+// 				 related customization.
 // ================================================================================================
 
 // Content helpers
@@ -264,7 +264,7 @@
     border-right: 0 !important;
 }
 
-// No border radious
+// No border radius
 .no-radius {
     border-radius: unset !important;
 }
@@ -302,23 +302,33 @@
 }
 
 .box-shadow-1 {
-    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
+    box-shadow:
+        0 2px 5px 0 rgb(0 0 0 / 16%),
+        0 2px 10px 0 rgb(0 0 0 / 12%);
 }
 
 .box-shadow-2 {
-    box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
+    box-shadow:
+        0 8px 17px 0 rgb(0 0 0 / 20%),
+        0 6px 20px 0 rgb(0 0 0 / 19%);
 }
 
 .box-shadow-3 {
-    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
+    box-shadow:
+        0 12px 15px 0 rgb(0 0 0 / 24%),
+        0 17px 50px 0 rgb(0 0 0 / 19%);
 }
 
 .box-shadow-4 {
-    box-shadow: 0 16px 28px 0 rgb(0 0 0 / 22%), 0 25px 55px 0 rgb(0 0 0 / 21%);
+    box-shadow:
+        0 16px 28px 0 rgb(0 0 0 / 22%),
+        0 25px 55px 0 rgb(0 0 0 / 21%);
 }
 
 .box-shadow-5 {
-    box-shadow: 0 27px 24px 0 rgb(0 0 0 / 20%), 0 40px 77px 0 rgb(0 0 0 / 22%);
+    box-shadow:
+        0 27px 24px 0 rgb(0 0 0 / 20%),
+        0 40px 77px 0 rgb(0 0 0 / 22%);
 }
 
 // Sizing

package/scss/dashboard/_misc.scss

@@ -126,7 +126,7 @@ input[type='file'] > input[type='button']::-moz-focus-inner {
     background-color: map-get($primary, base);
 }
 
-// Drag and dropp
+// Drag and drop
 .dragdrop-container {
     min-height: 200px;
 }

package/scss/dashboard/_profile.scss

@@ -2,7 +2,7 @@
     .profile-with-cover {
         position: relative;
 
-        .profil-cover-details {
+        .profile-cover-details {
             margin-top: -65px;
 
             .profile-image {

package/scss/dashboard/mixins/_utilities.scss

@@ -3,7 +3,7 @@
 }
 
 // Emulate the less #contrast function
-// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)
+// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of full palette)
 // contrast-color and brightness borrowed from compass
 // Copyright (c) 2009-2014 Christopher M. Eppstein
 // Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown

package/scss/dashboard/mixins/_vendor-prefixes.scss

@@ -10,8 +10,8 @@
 }
 
 // Box sizing
-@mixin box-sizing($boxmodel) {
-    box-sizing: $boxmodel;
+@mixin box-sizing($box-model) {
+    box-sizing: $box-model;
 }
 
 @mixin transition($time, $type) {

package/scss/plugins/perfect-scrollbar/_variables.scss

@@ -5,7 +5,7 @@ $ps-rail-container-hover-opacity: 0.6 !default;
 $ps-rail-hover-opacity: 0.9 !default;
 $ps-bar-bg: transparent !default;
 $ps-bar-container-hover-bg: rgb(170 170 170) !default;
-$ps-bar-hover-bg: $barHover !default;
+$ps-bar-hover-bg: $bar-hover !default;
 $ps-rail-hover-bg: rgb(238 238 238) !default;
 
 // Sizes