@posiwise/core-styles 0.0.1

package/css/wizard.css

@@ -0,0 +1,396 @@
+.main-content .wizard {
+    overflow: hidden;
+    width: 100%;
+}
+
+.main-content .wizard .content {
+    margin-left: 0 !important;
+}
+
+.main-content .wizard > .steps {
+    display: block;
+    position: relative;
+    width: 100%;
+}
+
+.main-content .wizard > .steps .current-info {
+    left: -99999px;
+    position: absolute;
+}
+
+.main-content .wizard > .steps > ul {
+    display: table;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    table-layout: fixed;
+    width: 100%;
+}
+
+.main-content .wizard > .steps > ul > li {
+    display: table-cell;
+    position: relative;
+    text-align: center;
+    vertical-align: top;
+    width: auto;
+}
+
+.main-content .wizard > .steps > ul > li a {
+    display: block;
+    margin-bottom: 20px;
+    margin-top: 20px;
+    padding-top: 52px;
+    position: relative;
+}
+
+.main-content .wizard > .steps > ul > li::before {
+    content: '';
+    display: block;
+    left: 0;
+    position: absolute;
+    z-index: 9;
+}
+
+.main-content .wizard > .steps > ul > li::after {
+    content: '';
+    display: block;
+    position: absolute;
+    right: 0;
+    z-index: 9;
+}
+
+.main-content .wizard > .steps > ul > li:first-child::before {
+    content: none;
+}
+
+.main-content .wizard > .steps > ul > li:last-child::after {
+    content: none;
+}
+
+.main-content .wizard > .steps > ul > li.current > a {
+    color: rgb(51 51 51);
+    cursor: default;
+}
+
+.main-content .wizard > .steps > ul > li.current .step {
+    background-color: rgb(255 255 255);
+    border-color: rgb(0 181 184);
+    color: rgb(0 181 184);
+}
+
+.main-content .wizard > .steps > ul > li.disabled a {
+    color: rgb(153 153 153);
+    cursor: default;
+}
+
+.main-content .wizard > .steps > ul > li.disabled a:hover {
+    color: rgb(153 153 153);
+    cursor: default;
+}
+
+.main-content .wizard > .steps > ul > li.disabled a:focus {
+    color: rgb(153 153 153);
+    cursor: default;
+}
+
+.main-content .wizard > .steps > ul > li.done a {
+    color: rgb(153 153 153);
+}
+
+.main-content .wizard > .steps > ul > li.done a:hover {
+    color: rgb(153 153 153);
+}
+
+.main-content .wizard > .steps > ul > li.done a:focus {
+    color: rgb(153 153 153);
+}
+
+.main-content .wizard > .steps > ul > li.done .step {
+    background-color: rgb(0 181 184);
+    border-color: rgb(0 181 184);
+    color: rgb(255 255 255);
+}
+
+.main-content .wizard > .steps > ul > li.error .step {
+    border-color: rgb(255 117 136);
+    color: rgb(255 117 136);
+}
+
+.main-content .wizard > .steps .step {
+    background-color: rgb(255 255 255);
+    display: inline-block;
+    left: 50%;
+    margin-left: -24px;
+    position: absolute;
+    text-align: center;
+    top: 0;
+    z-index: 10;
+}
+
+.main-content .wizard > .content {
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    width: auto;
+}
+
+.main-content .wizard > .content > .title {
+    left: -99999px;
+    position: absolute;
+}
+
+.main-content .wizard > .content > .body {
+    padding: 0 20px;
+}
+
+.main-content .wizard > .content > iframe {
+    border: 0 none;
+    height: 100%;
+    width: 100%;
+}
+
+.main-content .wizard > .actions {
+    display: block;
+    padding: 20px;
+    padding-top: 0;
+    position: relative;
+    text-align: right;
+}
+
+.main-content .wizard > .actions > ul {
+    float: right;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.main-content .wizard > .actions > ul::after {
+    clear: both;
+    content: '';
+    display: table;
+}
+
+.main-content .wizard > .actions > ul > li {
+    float: left;
+}
+
+.main-content .wizard > .actions > ul > li + li {
+    margin-left: 10px;
+}
+
+.main-content .wizard > .actions > ul > li > a {
+    background: rgb(0 181 184);
+    border: 1px solid transparent;
+    border-radius: 2px;
+    color: rgb(255 255 255);
+    display: block;
+    padding: 7px 12px;
+}
+
+.main-content .wizard > .actions > ul > li > a:hover {
+    box-shadow: 0 0 0 100px rgb(0 0 0 / 5%) inset;
+}
+
+.main-content .wizard > .actions > ul > li > a:active {
+    box-shadow: 0 0 0 100px rgb(0 0 0 / 10%) inset;
+}
+
+.main-content .wizard > .actions > ul > li > a[href='#previous'] {
+    background-color: rgb(255 141 96);
+    color: rgb(255 255 255);
+}
+
+.main-content .wizard > .actions > ul > li > a[href='#previous']:focus {
+    box-shadow: 0 0 0 100px rgb(0 0 0 / 2%) inset;
+}
+
+.main-content .wizard > .actions > ul > li > a[href='#previous']:active {
+    box-shadow: 0 0 0 100px rgb(0 0 0 / 4%) inset;
+}
+
+.main-content .wizard > .actions > ul > li.disabled > a {
+    color: rgb(255 255 255);
+}
+
+.main-content .wizard > .actions > ul > li.disabled > a:hover {
+    color: rgb(255 255 255);
+}
+
+.main-content .wizard > .actions > ul > li.disabled > a:focus {
+    color: rgb(255 255 255);
+}
+
+.main-content .wizard > .actions > ul > li.disabled > a[href='#previous'] {
+    box-shadow: none;
+}
+
+.main-content .wizard > .actions > ul > li.disabled > a[href='#previous']:hover {
+    box-shadow: none;
+}
+
+.main-content .wizard > .actions > ul > li.disabled > a[href='#previous']:focus {
+    box-shadow: none;
+}
+
+.main-content .wizard.wizard-circle > .steps > ul > li::before,
+.main-content .wizard.wizard-circle > .steps > ul > li::after {
+    background-color: rgb(0 181 184);
+    height: 5px;
+    top: 43px;
+    width: 50%;
+}
+
+.main-content .wizard.wizard-circle > .steps > ul > li.current::after {
+    background-color: rgb(245 247 250);
+}
+
+.main-content .wizard.wizard-circle > .steps > ul > li.current ~ li::before {
+    background-color: rgb(245 247 250);
+}
+
+.main-content .wizard.wizard-circle > .steps > ul > li.current ~ li::after {
+    background-color: rgb(245 247 250);
+}
+
+.main-content .wizard.wizard-circle > .steps .step {
+    border: 5px solid rgb(245 247 250);
+    border-radius: 50%;
+    font-size: 1.3rem;
+    height: 50px;
+    line-height: 40px;
+    width: 50px;
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li::before,
+.main-content .wizard.wizard-notification > .steps > ul > li::after {
+    background-color: rgb(0 181 184);
+    height: 2px;
+    top: 39px;
+    width: 50%;
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li.current .step {
+    border: 2px solid rgb(0 181 184);
+    color: rgb(0 181 184);
+    line-height: 36px;
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li.current .step::after {
+    border-top-color: rgb(0 181 184);
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li.current::after {
+    background-color: rgb(245 247 250);
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li.current ~ li::before {
+    background-color: rgb(245 247 250);
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li.current ~ li::after {
+    background-color: rgb(245 247 250);
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li.done .step {
+    color: rgb(255 255 255);
+}
+
+.main-content .wizard.wizard-notification > .steps > ul > li.done .step::after {
+    border-top-color: rgb(0 181 184);
+}
+
+.main-content .wizard.wizard-notification > .steps .step {
+    background-color: rgb(245 247 250);
+    border-radius: 15%;
+    font-size: 1.3rem;
+    height: 40px;
+    line-height: 40px;
+    width: 40px;
+}
+
+.main-content .wizard.wizard-notification > .steps .step::after {
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-top: 8px solid rgb(245 247 250);
+    bottom: 0;
+    content: '';
+    height: 0;
+    left: 50%;
+    margin-bottom: -8px;
+    margin-left: -8px;
+    position: absolute;
+    width: 0;
+}
+
+.main-content .wizard.vertical > .steps {
+    display: inline;
+    float: left;
+    width: 10%;
+}
+
+.main-content .wizard.vertical > .steps > ul > li {
+    display: block;
+    width: 100%;
+}
+
+.main-content .wizard.vertical > .steps > ul > li::before,
+.main-content .wizard.vertical > .steps > ul > li::after {
+    background-color: transparent;
+}
+
+.main-content .wizard.vertical > .steps > ul > li.current::before,
+.main-content .wizard.vertical > .steps > ul > li.current::after {
+    background-color: transparent;
+}
+
+.main-content .wizard.vertical > .steps > ul > li.current ~ li::before {
+    background-color: transparent;
+}
+
+.main-content .wizard.vertical > .steps > ul > li.current ~ li::after {
+    background-color: transparent;
+}
+
+@media (max-width: 768px) {
+    .main-content .wizard > .steps > ul {
+        margin-bottom: 20px;
+    }
+
+    .main-content .wizard > .steps > ul > li {
+        display: block;
+        float: left;
+        width: 50%;
+    }
+
+    .main-content .wizard > .steps > ul > li > a {
+        margin-bottom: 0;
+    }
+
+    .main-content .wizard > .steps > ul > li:first-child::before {
+        content: '';
+    }
+
+    .main-content .wizard > .steps > ul > li:last-child::after {
+        background-color: rgb(0 181 184);
+        content: '';
+    }
+
+    .main-content .wizard.vertical > .steps {
+        width: 15%;
+    }
+}
+
+@media (max-width: 480px) {
+    .main-content .wizard > .steps > ul > li {
+        width: 100%;
+    }
+
+    .main-content .wizard > .steps > ul > li.current::after {
+        background-color: rgb(0 181 184);
+    }
+
+    .main-content .wizard.vertical > .steps {
+        width: 20%;
+    }
+}

package/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@posiwise/core-styles",
+  "version": "0.0.1",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": ""
+}

package/scss/_bootstrap_modules.scss

@@ -0,0 +1,40 @@
+@import 'bootstrap/scss/functions';
+@import 'bootstrap/scss/variables';
+@import 'bootstrap/scss/mixins';
+@import 'bootstrap/scss/root';
+@import 'bootstrap/scss/reboot';
+@import 'bootstrap/scss/type';
+@import 'bootstrap/scss/images';
+//@import 'bootstrap/scss/code';
+@import 'bootstrap/scss/grid';
+@import 'bootstrap/scss/tables';
+@import 'bootstrap/scss/forms';
+@import 'bootstrap/scss/buttons';
+@import 'bootstrap/scss/transitions';
+@import 'bootstrap/scss/dropdown';
+@import 'bootstrap/scss/button-group';
+@import 'bootstrap/scss/forms/input-group';
+@import 'bootstrap/scss/forms/form-check';
+@import 'bootstrap/scss/forms/form-control';
+@import 'bootstrap/scss/forms/form-text';
+@import 'bootstrap/scss/forms/labels';
+@import 'bootstrap/scss/forms/validation';
+@import 'bootstrap/scss/forms/floating-labels';
+@import 'bootstrap/scss/forms/form-range';
+@import 'bootstrap/scss/forms/form-select';
+@import 'bootstrap/scss/nav';
+@import 'bootstrap/scss/navbar';
+@import 'bootstrap/scss/card';
+@import 'bootstrap/scss/breadcrumb';
+@import 'bootstrap/scss/pagination';
+@import 'bootstrap/scss/badge';
+@import 'bootstrap/scss/alert';
+@import 'bootstrap/scss/progress';
+//@import 'bootstrap/scss/media';
+@import 'bootstrap/scss/list-group';
+@import 'bootstrap/scss/close';
+@import 'bootstrap/scss/modal';
+@import 'bootstrap/scss/tooltip';
+@import 'bootstrap/scss/popover';
+@import 'bootstrap/scss/carousel';
+@import 'bootstrap/scss/utilities';

package/scss/_custom-bootstrap.scss

@@ -0,0 +1,13 @@
+@import 'custom-bootstrap/reboot';
+@import 'custom-bootstrap/badge';
+@import 'custom-bootstrap/buttons';
+@import 'custom-bootstrap/card';
+@import 'custom-bootstrap/forms';
+@import 'custom-bootstrap/carousel';
+@import 'custom-bootstrap/modal';
+@import 'custom-bootstrap/navbar';
+@import 'custom-bootstrap/popover';
+@import 'custom-bootstrap/progress';
+@import 'custom-bootstrap/type';
+@import 'custom-bootstrap/links';
+@import 'custom-bootstrap/_form_select';

package/scss/_dashboard.scss

@@ -0,0 +1,31 @@
+//  Dashboard mixins
+@import 'dashboard/mixins/utilities';
+@import 'dashboard/mixins/typography';
+@import 'dashboard/mixins/type';
+@import 'dashboard/mixins/buttons';
+@import 'dashboard/mixins/shadows';
+@import 'dashboard/mixins/vendor-prefixes';
+
+// Doashboard scss modules
+@import 'dashboard/components';
+@import 'dashboard/icons';
+@import 'dashboard/ui-switch';
+@import 'dashboard/select';
+@import 'dashboard/tabs';
+@import 'dashboard/notifications';
+@import 'dashboard/animations';
+@import 'dashboard/upload';
+@import 'dashboard/tables';
+@import 'dashboard/chat';
+@import 'dashboard/email';
+@import 'dashboard/gallery';
+@import 'dashboard/helper';
+@import 'dashboard/bootstrap-social';
+@import 'dashboard/misc';
+@import 'dashboard/vertical-timeline';
+@import 'dashboard/profile';
+@import 'dashboard/sidebar-content'; // vertical menu
+@import 'dashboard/responsive'; // responsive vertical menu
+@import 'dashboard/utilities';
+@import 'dashboard/palette';
+@import 'dashboard/admin';