From 01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 Mon Sep 17 00:00:00 2001 From: Kapil Viren Ahuja Date: Thu, 23 Mar 2017 15:17:03 +0530 Subject: adding the new theme --- templates/assets/sass/.DS_Store | Bin 6148 -> 0 bytes templates/assets/sass/hipster_cards.scss | 22 + templates/assets/sass/hipster_cards/_buttons.scss | 108 +++ templates/assets/sass/hipster_cards/_cards.scss | 466 +++++++++++ templates/assets/sass/hipster_cards/_labels.scss | 24 + templates/assets/sass/hipster_cards/_misc.scss | 56 ++ templates/assets/sass/hipster_cards/_mixins.scss | 15 + .../assets/sass/hipster_cards/_responsive.scss | 20 + templates/assets/sass/hipster_cards/_sections.scss | 12 + .../assets/sass/hipster_cards/_social-buttons.scss | 76 ++ .../assets/sass/hipster_cards/_typography.scss | 78 ++ .../assets/sass/hipster_cards/_variables.scss | 260 ++++++ .../assets/sass/hipster_cards/mixins/_buttons.scss | 70 ++ .../assets/sass/hipster_cards/mixins/_cards.scss | 8 + .../assets/sass/hipster_cards/mixins/_icons.scss | 13 + .../assets/sass/hipster_cards/mixins/_labels.scss | 21 + .../sass/hipster_cards/mixins/_social-buttons.scss | 43 + .../sass/hipster_cards/mixins/_transparency.scss | 20 + .../hipster_cards/mixins/_vendor-prefixes.scss | 199 +++++ templates/assets/sass/material-kit.scss | 24 - templates/assets/sass/material-kit/.DS_Store | Bin 6148 -> 0 bytes templates/assets/sass/material-kit/_alerts.scss | 41 - templates/assets/sass/material-kit/_buttons.scss | 245 ------ templates/assets/sass/material-kit/_cards.scss | 164 ---- templates/assets/sass/material-kit/_carousel.scss | 52 -- .../assets/sass/material-kit/_checkboxes.scss | 195 ----- templates/assets/sass/material-kit/_colors.scss | 326 -------- templates/assets/sass/material-kit/_core.scss | 115 --- templates/assets/sass/material-kit/_dialogs.scss | 69 -- templates/assets/sass/material-kit/_dividers.scss | 73 -- templates/assets/sass/material-kit/_dropdown.scss | 58 -- .../assets/sass/material-kit/_example-pages.scss | 236 ------ templates/assets/sass/material-kit/_footers.scss | 38 - templates/assets/sass/material-kit/_form.scss | 42 - templates/assets/sass/material-kit/_images.scss | 6 - .../assets/sass/material-kit/_import-bs-less.scss | 4 - .../assets/sass/material-kit/_import-bs-sass.scss | 2 - .../assets/sass/material-kit/_info-areas.scss | 38 - .../assets/sass/material-kit/_inputs-size.scss | 223 ------ templates/assets/sass/material-kit/_inputs.scss | 369 --------- templates/assets/sass/material-kit/_labels.scss | 10 - templates/assets/sass/material-kit/_lists.scss | 104 --- templates/assets/sass/material-kit/_mixins.scss | 326 -------- templates/assets/sass/material-kit/_navbar.scss | 287 ------- .../assets/sass/material-kit/_pagination.scss | 91 --- templates/assets/sass/material-kit/_panels.scss | 23 - templates/assets/sass/material-kit/_pills.scss | 91 --- templates/assets/sass/material-kit/_popups.scss | 72 -- templates/assets/sass/material-kit/_progress.scss | 28 - templates/assets/sass/material-kit/_radios.scss | 114 --- templates/assets/sass/material-kit/_ripples.scss | 36 - templates/assets/sass/material-kit/_sections.scss | 13 - templates/assets/sass/material-kit/_shadows.scss | 138 ---- templates/assets/sass/material-kit/_tabs.scss | 53 -- .../assets/sass/material-kit/_togglebutton.scss | 87 -- .../assets/sass/material-kit/_typography.scss | 66 -- templates/assets/sass/material-kit/_variables.scss | 198 ----- .../sass/material-kit/_variables_bootstrap.scss | 882 --------------------- templates/assets/sass/material-kit/_welljumbo.scss | 28 - .../material-kit/plugins/_plugin-datepicker.scss | 220 ----- .../material-kit/plugins/_plugin-dropdownjs.scss | 17 - .../material-kit/plugins/_plugin-nouislider.scss | 161 ---- .../material-kit/plugins/_plugin-selectize.scss | 93 --- .../material-kit/plugins/_plugin-snackbarjs.scss | 34 - 64 files changed, 1511 insertions(+), 5492 deletions(-) delete mode 100644 templates/assets/sass/.DS_Store create mode 100755 templates/assets/sass/hipster_cards.scss create mode 100755 templates/assets/sass/hipster_cards/_buttons.scss create mode 100644 templates/assets/sass/hipster_cards/_cards.scss create mode 100644 templates/assets/sass/hipster_cards/_labels.scss create mode 100755 templates/assets/sass/hipster_cards/_misc.scss create mode 100644 templates/assets/sass/hipster_cards/_mixins.scss create mode 100644 templates/assets/sass/hipster_cards/_responsive.scss create mode 100644 templates/assets/sass/hipster_cards/_sections.scss create mode 100644 templates/assets/sass/hipster_cards/_social-buttons.scss create mode 100644 templates/assets/sass/hipster_cards/_typography.scss create mode 100644 templates/assets/sass/hipster_cards/_variables.scss create mode 100644 templates/assets/sass/hipster_cards/mixins/_buttons.scss create mode 100644 templates/assets/sass/hipster_cards/mixins/_cards.scss create mode 100644 templates/assets/sass/hipster_cards/mixins/_icons.scss create mode 100644 templates/assets/sass/hipster_cards/mixins/_labels.scss create mode 100644 templates/assets/sass/hipster_cards/mixins/_social-buttons.scss create mode 100644 templates/assets/sass/hipster_cards/mixins/_transparency.scss create mode 100644 templates/assets/sass/hipster_cards/mixins/_vendor-prefixes.scss delete mode 100755 templates/assets/sass/material-kit.scss delete mode 100644 templates/assets/sass/material-kit/.DS_Store delete mode 100755 templates/assets/sass/material-kit/_alerts.scss delete mode 100755 templates/assets/sass/material-kit/_buttons.scss delete mode 100755 templates/assets/sass/material-kit/_cards.scss delete mode 100644 templates/assets/sass/material-kit/_carousel.scss delete mode 100755 templates/assets/sass/material-kit/_checkboxes.scss delete mode 100755 templates/assets/sass/material-kit/_colors.scss delete mode 100755 templates/assets/sass/material-kit/_core.scss delete mode 100755 templates/assets/sass/material-kit/_dialogs.scss delete mode 100755 templates/assets/sass/material-kit/_dividers.scss delete mode 100644 templates/assets/sass/material-kit/_dropdown.scss delete mode 100644 templates/assets/sass/material-kit/_example-pages.scss delete mode 100644 templates/assets/sass/material-kit/_footers.scss delete mode 100755 templates/assets/sass/material-kit/_form.scss delete mode 100644 templates/assets/sass/material-kit/_images.scss delete mode 100755 templates/assets/sass/material-kit/_import-bs-less.scss delete mode 100755 templates/assets/sass/material-kit/_import-bs-sass.scss delete mode 100644 templates/assets/sass/material-kit/_info-areas.scss delete mode 100755 templates/assets/sass/material-kit/_inputs-size.scss delete mode 100755 templates/assets/sass/material-kit/_inputs.scss delete mode 100755 templates/assets/sass/material-kit/_labels.scss delete mode 100755 templates/assets/sass/material-kit/_lists.scss delete mode 100755 templates/assets/sass/material-kit/_mixins.scss delete mode 100755 templates/assets/sass/material-kit/_navbar.scss delete mode 100644 templates/assets/sass/material-kit/_pagination.scss delete mode 100755 templates/assets/sass/material-kit/_panels.scss delete mode 100644 templates/assets/sass/material-kit/_pills.scss delete mode 100755 templates/assets/sass/material-kit/_popups.scss delete mode 100755 templates/assets/sass/material-kit/_progress.scss delete mode 100755 templates/assets/sass/material-kit/_radios.scss delete mode 100755 templates/assets/sass/material-kit/_ripples.scss delete mode 100644 templates/assets/sass/material-kit/_sections.scss delete mode 100755 templates/assets/sass/material-kit/_shadows.scss delete mode 100755 templates/assets/sass/material-kit/_tabs.scss delete mode 100755 templates/assets/sass/material-kit/_togglebutton.scss delete mode 100755 templates/assets/sass/material-kit/_typography.scss delete mode 100755 templates/assets/sass/material-kit/_variables.scss delete mode 100644 templates/assets/sass/material-kit/_variables_bootstrap.scss delete mode 100755 templates/assets/sass/material-kit/_welljumbo.scss delete mode 100644 templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss delete mode 100755 templates/assets/sass/material-kit/plugins/_plugin-dropdownjs.scss delete mode 100755 templates/assets/sass/material-kit/plugins/_plugin-nouislider.scss delete mode 100755 templates/assets/sass/material-kit/plugins/_plugin-selectize.scss delete mode 100755 templates/assets/sass/material-kit/plugins/_plugin-snackbarjs.scss (limited to 'templates/assets/sass') diff --git a/templates/assets/sass/.DS_Store b/templates/assets/sass/.DS_Store deleted file mode 100644 index b61cdf9..0000000 Binary files a/templates/assets/sass/.DS_Store and /dev/null differ diff --git a/templates/assets/sass/hipster_cards.scss b/templates/assets/sass/hipster_cards.scss new file mode 100755 index 0000000..4af9e0b --- /dev/null +++ b/templates/assets/sass/hipster_cards.scss @@ -0,0 +1,22 @@ +@import "hipster_cards/variables"; +@import "hipster_cards/mixins"; + +@import "hipster_cards/typography"; + +// Core CSS +@import "hipster_cards/misc"; +@import "hipster_cards/buttons"; + +@import "hipster_cards/labels"; +@import "hipster_cards/sections"; + +// Fancy Stuff +@import "hipster_cards/social-buttons"; + +@import "hipster_cards/cards"; + +@import "hipster_cards/responsive"; + + + + diff --git a/templates/assets/sass/hipster_cards/_buttons.scss b/templates/assets/sass/hipster_cards/_buttons.scss new file mode 100755 index 0000000..64020dc --- /dev/null +++ b/templates/assets/sass/hipster_cards/_buttons.scss @@ -0,0 +1,108 @@ +.btn{ + border-width: $border-thin; + background-color: $transparent-bg; + font-weight: $font-weight-normal; + + @include opacity(.8); + padding: $padding-base-vertical $padding-base-horizontal; + + @include btn-styles($default-color, $default-states-color); + + &:hover, + &:focus{ + @include opacity(1); + outline: 0 !important; + } + &:active, + &.active, + .open > &.dropdown-toggle { + @include box-shadow(none); + outline: 0 !important; + } + + &.btn-icon{ + padding: $padding-base-vertical; + } + +} + +// Apply the mixin to the buttons +//.btn-default { @include btn-styles($default-color, $default-states-color); } +.btn-primary { @include btn-styles($primary-color, $primary-states-color); } +.btn-success { @include btn-styles($success-color, $success-states-color); } +.btn-info { @include btn-styles($info-color, $info-states-color); } +.btn-warning { @include btn-styles($warning-color, $warning-states-color); } +.btn-danger { @include btn-styles($danger-color, $danger-states-color); } +.btn-neutral { + @include btn-styles($white-color, $white-color); + + &:active, + &.active, + .open > &.dropdown-toggle{ + background-color: $white-color; + color: $default-color; + } + + &.btn-fill, + &.btn-fill:hover, + &.btn-fill:focus{ + color: $default-color; + } + + &.btn-simple:active, + &.btn-simple.active{ + background-color: transparent; + } +} + +.btn{ + &:disabled, + &[disabled], + &.disabled{ + @include opacity(.5); + } +} +.btn-round{ + border-width: $border-thin; + border-radius: $btn-round-radius !important; + padding: $padding-round-vertical $padding-round-horizontal; + + &.btn-icon{ + padding: $padding-round-vertical; + } +} +.btn-simple{ + border: $none; + font-size: $font-size-medium; + padding: $padding-base-vertical $padding-base-horizontal; + + &.btn-icon{ + padding: $padding-base-vertical; + } +} +.btn-lg{ + @include btn-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large); + font-weight: $font-weight-normal; +} +.btn-sm{ + @include btn-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small); +} +.btn-xs { + @include btn-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $border-radius-small); +} +.btn-wd { + min-width: 140px; +} + +.btn-group.select{ + width: 100%; +} +.btn-group.select .btn{ + text-align: left; +} +.btn-group.select .caret{ + position: absolute; + top: 50%; + margin-top: -1px; + right: 8px; +} diff --git a/templates/assets/sass/hipster_cards/_cards.scss b/templates/assets/sass/hipster_cards/_cards.scss new file mode 100644 index 0000000..c28deea --- /dev/null +++ b/templates/assets/sass/hipster_cards/_cards.scss @@ -0,0 +1,466 @@ +.card{ + border-radius: $border-radius-small; + box-shadow: 0 1px 4px rgba(0,0,0,.23); + background-color: #FFFFFF; + margin-bottom: 20px; + position: relative; + + max-width: 320px; + margin-left: auto; + margin-right: auto; + + .title, + .stats, + .category, + .description, + .social-line, + .actions, + .content, + .footer, + small, + a{ + position: relative; + z-index: 3; + } + + a{ + color: $black-hr; + + &:hover, + &:focus{ + color: $black-color; + } + } + + &[data-radius="none"]{ + border-radius: $border-radius-none; + + .header{ + border-radius: $border-radius-none-top; + + img{ + border-radius: $border-radius-none-top; + } + } + } + + &.card-plain{ + box-shadow: none; + } + + .btn{ + text-shadow: none; + font-weight: bold; + } + + .title-uppercase{ + text-transform: uppercase; + } + + .header{ + position: relative; + border-radius: $border-radius-small-top; + height: 200px; + z-index: 3; + + img{ + @include opacity(0); + display: none; + } + + .category{ + padding: 15px; + } + + .social-line{ + position: absolute; + bottom: 0; + width: 100%; + @include opacity(0); + display: block; + transition: all 0.4s; + -webkit-transition: all 0.4s; + + .btn, + a{ + font-family: "Roboto","Helvetica","Arial", sans-serif; + font-weight: 400; + } + + &.social-line-visible{ + @include opacity(1); + } + } + } + + .content{ + .price{ + border: 2px solid rgba(255,255,255,.7); + color: white; + border-radius: 50%; + width: 152px; + height: 152px; + margin: 50px auto; + text-align: center; + vertical-align: middle; + line-height: 200px; + + h4{ + margin: 5px 0 0; + font-size: 36px; + } + + h6{ + margin-top: 45px; + font-size: 16px; + } + + .currency{ + font-size: 22px; + font-weight: normal; + } + } + } + .actions{ + padding: 10px 15px; + } + + .social-line{ + .btn{ + float: left; + display: block; + + transition: all 0.2s; + -webkit-transition: all 0.2s; + } + + .btn-social{ + border: 1px solid #EEEEEE; + border-radius: 0; + border-left: 0; + background-color: #FFFFFF; + padding: 12px 4px; + + &:last-child{ + border-right: 0; + } + } + + &[data-buttons="5"]{ + .btn{ + width: 20%; + } + } + + &[data-buttons="4"]{ + .btn{ + width: 25%; + } + } + + &[data-buttons="3"]{ + .btn{ + width: 33.3333333%; + } + } + + &[data-buttons="2"]{ + .btn{ + width: 50%; + } + } + + &:after{ + clear: both; + display: table; + content: " "; + } + + } + + .filter, + .header .actions{ + position: absolute; + z-index: 2; + background-color: rgba(0,0,0,.76); + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + + @include opacity(0); + } + + .header .actions{ + background-color: transparent; + z-index: 3; + + .btn{ + @include vertical-align(); + } + } + + &:hover{ + .filter{ + @include opacity(.7); + } + + .header .social-line, + .header .actions{ + @include opacity(1); + } + } + + .category, + .label{ + font-size: $font-size-base; + margin-bottom: 0px; + i{ + font-size: $font-paragraph; + } + } + .category{ + color: $dark-gray; + } + .label{ + text-shadow: none; + } + .title{ + color: $black-color; + } + + > .title{ + margin: 0; + padding: 30px 0 0; + } + + .content{ + padding: 15px 15px 5px 15px; + + .title{ + margin: 10px 0 20px 0; + } + + .category ~ .title{ + margin-top: 0px; + } + + .description ~ .title { + margin-top: -10px; + } + } + + .description{ + font-size: $font-paragraph; + color: $dark-gray; + } + + h6{ + font-size: $font-size-small; + margin: 0; + } + + .footer{ + padding: 0 15px 15px; + + .social-line{ + .btn:first-child{ + border-radius: 0 0 0 6px; + } + .btn:last-child{ + border-radius: 0 0 6px 0; + } + } + } + + + &.card-separator:after{ + height: 100%; + right: -15px; + top: 0; + width: 1px; + background-color: $medium-gray; + content: ""; + position: absolute; + } + + .icon{ + display: block; + margin: 0 auto; + top: 50%; + position: relative; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + text-align: center; + + i{ + font-size: 60px; + border: 2px solid rgba(0,0,0, 0.3); + padding: 18px; + border-radius: 50%; + } + } + + .col-lg-4 &{ + .icon{ + i{ + font-size: 80px; + padding: 22px; + } + } + } + + &.card-with-border{ + .content{ + padding: 15px 15px 25px 15px; + } + + .footer{ + padding-bottom: 25px; + } + } + + &.card-with-border:after{ + position: absolute; + display: block; + width: calc(100% - 10px); + height: calc(100% - 10px); + content: ""; + top: 5px; + left: 5px; + border: 1px solid rgba(0,0,0, 0.15); + z-index: 1; + border-radius: 5px; + } + + &.card-just-text{ + .content{ + padding: 50px 65px; + text-align: center; + } + } + + &[data-background="image"], + &[data-background="color"]{ + .image{ + border-radius: $border-radius-large; + } + + .title{ + font-weight: bold; + } + + .filter{ + border-radius: $border-radius-large; + } + + .title, + .stats, + .category, + .description, + .content, + .footer, + small, + a{ + color: $white-color; + } + + a:hover, + a:focus{ + color: $white-color; + } + + .icon{ + i{ + color: #FFFFFF; + border: 2px solid rgba(255,255,255,.6); + } + } + + &.card-with-border:after{ + border: 1px solid rgba(255, 255, 255, 0.45); + } + } + + &[data-background="image"]{ + text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); + + .filter{ + @include opacity(0.55); + } + + &:hover .filter{ + @include opacity(0.75); + } + + } + + &[data-color="blue"]{ + @include card-radial-gradient ($icon-blue-color-top, $icon-blue-color-bottom); + } + + &[data-color="azure"]{ + @include card-radial-gradient ($icon-azure-color-top, $icon-azure-color-bottom); + } + + &[data-color="green"]{ + @include card-radial-gradient ($icon-green-color-top, $icon-green-color-bottom); + } + + &[data-color="orange"]{ + @include card-radial-gradient ($icon-orange-color-top, $icon-orange-color-bottom); + } + + &[data-color="red"]{ + @include card-radial-gradient ($icon-red-color-top, $icon-red-color-bottom); + } + + &[data-color="black"]{ + @include card-radial-gradient ($icon-black-color-top, $icon-black-color-bottom); + } +} + + +.filter.filter-white{ + @include filter($white-color); +} +.filter.filter-blue{ + @include card-radial-gradient ($icon-blue-color-top, $icon-blue-color-bottom); +} +.filter.filter-azure{ + @include card-radial-gradient ($icon-azure-color-top, $icon-azure-color-bottom); +} +.filter.filter-green{ + @include card-radial-gradient ($icon-green-color-top, $icon-green-color-bottom); +} +.filter.filter-orange{ + @include card-radial-gradient ($icon-orange-color-top, $icon-orange-color-bottom); +} +.filter.filter-red{ + @include card-radial-gradient ($icon-red-color-top, $icon-red-color-bottom); +} + +@media (min-width: 1200px){ + .card{ + .header{ + height: 265px; + } + + &[data-background="color"]{ + .header{ + height: 230px; + } + } + } + + .col-md-3 .card, + .col-sm-3 .card, + .col-xs-3 .card, + .col-lg-3 .card{ + .header{ + height: 185px; + } + } +} + diff --git a/templates/assets/sass/hipster_cards/_labels.scss b/templates/assets/sass/hipster_cards/_labels.scss new file mode 100644 index 0000000..ecc6fb4 --- /dev/null +++ b/templates/assets/sass/hipster_cards/_labels.scss @@ -0,0 +1,24 @@ +/* Labels & Progress-bar */ +.label{ + padding: 10px 13px; + border-radius: 2px; + font-weight: 500; + font-size: 11px; + text-transform: uppercase; + display: inline-block; +} +.label-primary{ + background-color: #3472F7; +} +.label-info{ + background-color: #2CA8FF; +} +.label-success{ + background-color: #05AE0E; +} +.label-warning{ + background-color: #FF9500; +} +.label-danger{ + background-color: #FF3B30; +} \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/_misc.scss b/templates/assets/sass/hipster_cards/_misc.scss new file mode 100755 index 0000000..ec1bad8 --- /dev/null +++ b/templates/assets/sass/hipster_cards/_misc.scss @@ -0,0 +1,56 @@ +/* General overwrite */ +body{ + font-family: "Helvetica Neue","Open Sans",Arial,sans-serif; + background-color: #cccccc; +} +a{ + color: $info-color; + + &:hover, &:focus{ + color: $info-states-color; + text-decoration: none; + } +} + +a:focus, a:active, +button::-moz-focus-inner, +input[type="reset"]::-moz-focus-inner, +input[type="button"]::-moz-focus-inner, +input[type="submit"]::-moz-focus-inner, +select::-moz-focus-inner, +input[type="file"] > input[type="button"]::-moz-focus-inner { + outline : 0; +} +.ui-slider-handle:focus, +.navbar-toggle { + outline : 0 !important; +} + +/* Animations */ +.form-control, +.input-group-addon, +.tagsinput, +.navbar, +.navbar .alert{ + @include transition($general-transition-time, linear); +} +.tagsinput .tag, +.tagsinput-remove-link, +.filter, +.btn-hover, +[data-toggle="collapse"] i{ + @include transition($fast-transition-time, linear); +} + +.btn-morphing .fa, +.btn-morphing .circle, +.gsdk-collapse{ + @include transition($slow-transition-time, linear); +} + +.margin-top{ + margin-top: 50px; +} +.btn-center{ + text-align: center; +} diff --git a/templates/assets/sass/hipster_cards/_mixins.scss b/templates/assets/sass/hipster_cards/_mixins.scss new file mode 100644 index 0000000..0e5c70d --- /dev/null +++ b/templates/assets/sass/hipster_cards/_mixins.scss @@ -0,0 +1,15 @@ +//Utilities + +@import "mixins/transparency"; +@import "mixins/vendor-prefixes"; + +//Components + +@import "mixins/buttons"; + +@import "mixins/labels"; + +@import "mixins/icons"; +@import "mixins/social-buttons"; + +@import "mixins/cards"; \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/_responsive.scss b/templates/assets/sass/hipster_cards/_responsive.scss new file mode 100644 index 0000000..cae571a --- /dev/null +++ b/templates/assets/sass/hipster_cards/_responsive.scss @@ -0,0 +1,20 @@ +/* Changes for small display */ + +@media (max-width: 767px){ + .navbar-transparent{ + padding-top: 15px; + background-color: rgba(0, 0, 0, 0.45); + } + body { + position: relative; + } + + + .social-line .btn{ + margin: $margin-bottom; + } + .card .header .social-line .btn{ + margin: 0; + } +} + diff --git a/templates/assets/sass/hipster_cards/_sections.scss b/templates/assets/sass/hipster_cards/_sections.scss new file mode 100644 index 0000000..9682b41 --- /dev/null +++ b/templates/assets/sass/hipster_cards/_sections.scss @@ -0,0 +1,12 @@ +.section{ + padding: 30px 0; + + position: relative; + background-color: #FFFFFF; +} +.section-gray{ + background-color: #EEEEEE; +} +.section-white{ + background-color: #FFFFFF; +} \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/_social-buttons.scss b/templates/assets/sass/hipster_cards/_social-buttons.scss new file mode 100644 index 0000000..697ed69 --- /dev/null +++ b/templates/assets/sass/hipster_cards/_social-buttons.scss @@ -0,0 +1,76 @@ +.btn-social { + //@include btn-styles($default-color, $default-states-color); + opacity: 0.93; + padding: 8px 9px; + + .fa { + font-size: 18px; + vertical-align: middle; + display: inline-block; + } + + &.btn-round { + padding: 9px 10px; + } + + &.btn-simple { + padding: 9px 5px; + font-size: 16px; + + .fa{ + font-size: 20px; + position: relative; + top: -2px; + width: 24px; + } + } + +} + +.btn-facebook { + @include social-buttons-color($social-facebook); +} + +.btn-twitter { + @include social-buttons-color($social-twitter); +} + +.btn-pinterest { + @include social-buttons-color($social-pinterest); +} + +.btn-google { + @include social-buttons-color($social-google); +} + +.btn-linkedin { + @include social-buttons-color($social-linkedin); +} + +.btn-dribbble { + @include social-buttons-color($social-dribbble); +} + +.btn-github { + @include social-buttons-color($social-github); +} + +.btn-youtube { + @include social-buttons-color($social-youtube); +} + +.btn-stumbleupon { + @include social-buttons-color($social-stumbleupon); +} + +.btn-reddit { + @include social-buttons-color($social-reddit); +} + +.btn-tumblr { + @include social-buttons-color($social-tumblr); +} + +.btn-behance{ + @include social-buttons-color($social-behance); +} \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/_typography.scss b/templates/assets/sass/hipster_cards/_typography.scss new file mode 100644 index 0000000..a1c7dab --- /dev/null +++ b/templates/assets/sass/hipster_cards/_typography.scss @@ -0,0 +1,78 @@ +/* Font Smoothing */ + +.card{ + h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, a, .td-name, td{ + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-family: "Playfair Display","Raleway","Helvetica Neue",Arial,sans-serif; + } + + h1, .h1, h2, .h2, h3, .h3, h4, .h4{ + font-weight: $font-weight-normal; + margin: $margin-large-vertical 0 $margin-base-vertical; + } + + h1, .h1 { + font-size: $font-size-h1; + } + h2, .h2{ + font-size: $font-size-h2; + } + h3, .h3{ + font-size: $font-size-h3; + margin: 20px 0 10px; + } + h4, .h4{ + font-size: $font-size-h4; + line-height: 30px; + } + h5, .h5 { + font-size: $font-size-h5; + margin-bottom: 15px; + } + h6, .h6{ + font-size: $font-size-h6; + font-weight: $font-weight-bold; + text-transform: uppercase; + } + p{ + font-size: $font-paragraph; + line-height: $line-height-general; + font-family: "Raleway","Helvetica","Arial", sans-serif; + } + + .category, + .label, + .title-modern, + .btn-modern, + .price h4{ + font-family: "Raleway","Helvetica","Arial", sans-serif; + } + + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { + color: $dark-gray; + font-weight: $font-weight-light; + line-height: $line-height-general; + } + + h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { + font-size: 60%; + } + + .text-primary, .text-primary:hover{ + color: #1D62F0 !important; + } + .text-info, .text-info:hover{ + color: #109CFF !important; + } + .text-success, .text-success:hover{ + color: #0C9C14 !important; + } + .text-warning, .text-warning:hover{ + color: #ED8D00 !important; + } + .text-danger, .text-danger:hover{ + color: #EE2D20 !important; + } +} + diff --git a/templates/assets/sass/hipster_cards/_variables.scss b/templates/assets/sass/hipster_cards/_variables.scss new file mode 100644 index 0000000..c530b1c --- /dev/null +++ b/templates/assets/sass/hipster_cards/_variables.scss @@ -0,0 +1,260 @@ +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +$none: 0 !default; +$border-thin: 1px !default; +$border-thick: 2px !default; + +$white-color: #FFFFFF !default; +$white-bg: #FFFFFF !default; + +$smoke-bg: #F5F5F5 !default; + +$black-bg: rgba(30,30,30,.97) !default; + +$black-color: #333333 !default; +$black-hr: #444444 !default; + +$light-gray: #E3E3E3 !default; +$medium-gray: #DDDDDD !default; +$dark-gray: #9A9A9A !default; + +$transparent-bg: transparent !default; + +$default-color: #888888 !default; +$default-bg: #888888 !default; +$default-states-color: #777777 !default; + +$primary-color: #3472F7 !default; +$primary-bg: #3472F7 !default; +$primary-states-color: #1D62F0 !default; + +$success-color: #05AE0E !default; +$success-bg: #05AE0E !default; +$success-states-color: #049F0C !default; + +$info-color: #2CA8FF !default; +$info-bg: #2CA8FF !default; +$info-states-color: #109CFF !default; + +$warning-color: #FF9500 !default; +$warning-bg: #FF9500 !default; +$warning-states-color: #ED8D00 !default; + + +$danger-color: #FF3B30 !default; +$danger-bg: #FF3B30 !default; +$danger-states-color: #EE2D20 !default; + + + +$link-disabled-color: #666666 !default; + + +/* light colors */ +$light-blue: rgba($primary-color, .2); +$light-azure: rgba($info-color, .2); +$light-green: rgba($success-color, .2); +$light-orange: rgba($warning-color, .2); +$light-red: rgba($danger-color, .2); + + +//== Components +// + +$padding-base-vertical: 8px !default; +$padding-base-horizontal: 16px !default; + +$padding-round-vertical: 9px !default; +$padding-round-horizontal: 18px !default; + +$padding-simple-vertical: 10px !default; +$padding-simple-horizontal: 18px !default; + +$padding-large-vertical: 14px !default; +$padding-large-horizontal: 30px !default; + +$padding-small-vertical: 5px !default; +$padding-small-horizontal: 10px !default; + +$padding-xs-vertical: 1px !default; +$padding-xs-horizontal: 5px !default; + +$padding-label-vertical: 2px !default; +$padding-label-horizontal: 12px !default; + +$margin-large-vertical: 30px !default; +$margin-base-vertical: 15px !default; + +$margin-bottom: 0 0 10px 0 !default; + +$border-radius-none: 0px !default; +$border-radius-small: 6px !default; +$border-radius-grande: 10px !default; +$border-radius-venti: 20px !default; + +$border-radius-small: 3px !default; +$border-radius-base: 4px !default; +$border-radius-large: 6px !default; +$border-radius-extreme: 10px !default; + +$border-radius-none-top: $border-radius-none $border-radius-none 0 0 !default; +$border-radius-none-bottom: 0 0 $border-radius-none $border-radius-none !default; + +$border-radius-small-top: $border-radius-small $border-radius-small 0 0 !default; +$border-radius-small-bottom: 0 0 $border-radius-small $border-radius-small !default; + +$btn-round-radius: 30px !default; + +$height-base: 40px !default; + +$font-size-base: 14px !default; +$font-size-small: 12px !default; +$font-size-medium: 16px !default; +$font-size-large: 18px !default; +$font-size-large-navbar: 20px !default; + +$font-size-h1: 52px !default; +$font-size-h2: 36px !default; +$font-size-h3: 28px !default; +$font-size-h4: 24px !default; +$font-size-h5: 18px !default; +$font-size-h6: 14px !default; +$font-paragraph: 16px !default; +$font-size-navbar: 16px !default; +$font-size-small: 12px !default; + +$font-weight-light: 300 !default; +$font-weight-normal: 400 !default; +$font-weight-semi: 500 !default; +$font-weight-bold: 600 !default; + +$line-height-general: 1.3 !default; +$line-height: 20px !default; +$line-height-lg: 54px !default; + + +$border-radius-top: 10px 10px 0 0 !default; +$border-radius-bottom: 0 0 10px 10px !default; + +$dropdown-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); + +$general-transition-time: 300ms !default; + +$slow-transition-time: 370ms !default; +$dropdown-coordinates: 29px -50px !default; + +$fast-transition-time: 150ms !default; +$select-coordinates: 50% -40px !default; + +$transition-linear: linear !default; +$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default; +$transition-ease: ease 0s; + +$navbar-padding-a: 10px 15px; +$navbar-margin-a: 15px 3px; + +$padding-social-a: 10px 5px; + +$navbar-margin-a-btn: 15px 3px; +$navbar-margin-a-btn-round: 16px 3px; + +$navbar-padding-a-icons: 6px 15px; +$navbar-margin-a-icons: 6px 3px; + +$navbar-padding-brand: 20px 15px; +$navbar-margin-brand: 5px 0px; + +$navbar-margin-brand-icons: 12px auto; + +$navbar-margin-btn: 15px 3px; + +$height-icon: 64px !default; +$width-icon: 64px !default; +$padding-icon: 12px !default; +$border-radius-icon: 15px !default; + +$size-icon: 64px; +$size-icon-sm: 32px; + + +$height-icon-sm: 32px; +$width-icon-sm: 32px; +$padding-icon-sm: 4px; +$border-radius-icon-sm: 7px; + +$height-icon-message: 40px; +$width-icon-message: 40px; + +$height-icon-message-sm: 20px; +$width-icon-message-sm: 20px; + + + +$white-navbar: rgba(#FFFFFF, .96); +$blue-navbar: rgba(#34ACDC, .98); +$azure-navbar: rgba(#5BCAFF, .98); +$green-navbar: rgba(#4CD964, .98); +$orange-navbar: rgba(#FF9500, .98); +$red-navbar: rgba(#FF4C40, .98); + +$icon-default-color-top: #d9d9d9 !default; +$icon-default-color-bottom: #909297 !default; + +$icon-blue-color-top: #4087ea; +$icon-blue-color-bottom: #533ce1; + +$icon-azure-color-top: #45c0fd; +$icon-azure-color-bottom: #4091ff; + +$icon-green-color-top: #a1eb3a; +$icon-green-color-bottom: #53A319; + + + +$icon-orange-color-top: #ffb33b; +$icon-orange-color-bottom: #ff5221; + +$icon-red-color-top: #ff3b30; +$icon-red-color-bottom: #bb0502; + +$icon-purple-color-top: #df55e1; +$icon-purple-color-bottom: #943bea; + +$icon-pink-color-top: #ff2a63; +$icon-pink-color-bottom: #ff2e2e; + +$icon-black-color-top: #787878; +$icon-black-color-bottom: #343434; + +$social-facebook: #3b5998; +$social-twitter: #55acee; +$social-pinterest: #cc2127; +$social-google: #dd4b39; +$social-linkedin: #0976b4; +$social-dribbble: #ea4c89; +$social-github: #333333; +$social-youtube: #e52d27; +$social-stumbleupon: #eb4924; +$social-reddit: #ff4500; +$social-tumblr: #35465c; +$social-behance: #1769ff; + + +$filter-blue: darken($primary-color, 10%); +$filter-azure: darken($info-color, 10%); +$filter-green: darken($success-color, 10%); +$filter-orange: darken($warning-color, 10%); +$filter-red: darken($danger-color, 10%); + + +$topbar-x: topbar-x !default; +$topbar-back: topbar-back !default; +$bottombar-x: bottombar-x !default; +$bottombar-back: bottombar-back !default; + + + + + diff --git a/templates/assets/sass/hipster_cards/mixins/_buttons.scss b/templates/assets/sass/hipster_cards/mixins/_buttons.scss new file mode 100644 index 0000000..8322b05 --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_buttons.scss @@ -0,0 +1,70 @@ +// Mixin for generating new styles +@mixin btn-styles($btn-color, $btn-states-color) { + border-color: $btn-color; + color: $btn-color; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + background-color: $transparent-bg; + color: $btn-states-color; + border-color: $btn-states-color; + } + + &.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; + } + + .caret{ + border-top-color: $white-color; + } + } + + .caret{ + border-top-color: $btn-color; + } +} + + +@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border){ + font-size: $font-size; + border-radius: $border; + padding: $padding-vertical $padding-horizontal; + + &.btn-round{ + padding: $padding-vertical + 1 $padding-horizontal; + } + + &.btn-simple{ + padding: $padding-vertical + 2 $padding-horizontal; + } + +} \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/mixins/_cards.scss b/templates/assets/sass/hipster_cards/mixins/_cards.scss new file mode 100644 index 0000000..af1f955 --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_cards.scss @@ -0,0 +1,8 @@ +@mixin filter($color){ + @if $color == #FFFFFF{ + background-color: rgba($color,.91); + } @else { + background-color: rgba($color,.69); + } +} + diff --git a/templates/assets/sass/hipster_cards/mixins/_icons.scss b/templates/assets/sass/hipster_cards/mixins/_icons.scss new file mode 100644 index 0000000..80df4df --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_icons.scss @@ -0,0 +1,13 @@ +@mixin icon-background ($icon-url){ + background-image : url($icon-url); + +} + +@mixin icon-shape ($size, $padding, $border-radius) { + height: $size; + width: $size; + padding: $padding; + border-radius: $border-radius; + display: inline-table; + +} \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/mixins/_labels.scss b/templates/assets/sass/hipster_cards/mixins/_labels.scss new file mode 100644 index 0000000..8a2bdd5 --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_labels.scss @@ -0,0 +1,21 @@ +@mixin label-style(){ + padding: $padding-label-vertical $padding-label-horizontal; + border: 1px solid $default-color; + border-radius: $border-radius-small; + color: $default-color; + font-weight: $font-weight-semi; + font-size: $font-size-small; + text-transform: uppercase; + display: inline-block; + vertical-align: middle; +} + +@mixin label-color($color){ + border-color: $color; + color: $color; +} +@mixin label-color-fill($color){ + border-color: $color; + color: $white-color; + background-color: $color; +} \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/mixins/_social-buttons.scss b/templates/assets/sass/hipster_cards/mixins/_social-buttons.scss new file mode 100644 index 0000000..38a7d4b --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_social-buttons.scss @@ -0,0 +1,43 @@ +@mixin social-buttons-color ($color){ + + border-color: $color; + color: $color; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + background-color: $transparent-bg; + color: $color; + border-color: $color; + opacity: 1; + } + + &:disabled, + &[disabled], + &.disabled { + background-color: $transparent-bg; + border-color: $color; + } + + &.btn-fill { + color: $white-color; + background-color: $color; + opacity: 0.9; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle{ + background-color: $color; + color: $white-color; + opacity: 1; + } + + } + + +} + \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/mixins/_transparency.scss b/templates/assets/sass/hipster_cards/mixins/_transparency.scss new file mode 100644 index 0000000..da32b74 --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_transparency.scss @@ -0,0 +1,20 @@ +// Opacity + +@mixin opacity($opacity) { + opacity: $opacity; + // IE8 filter + $opacity-ie: ($opacity * 100); + filter: #{alpha(opacity=$opacity-ie)}; +} + +@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; +} \ No newline at end of file diff --git a/templates/assets/sass/hipster_cards/mixins/_vendor-prefixes.scss b/templates/assets/sass/hipster_cards/mixins/_vendor-prefixes.scss new file mode 100644 index 0000000..0f1ed17 --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_vendor-prefixes.scss @@ -0,0 +1,199 @@ +// 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 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: translate3d($value, 0, 0); + -moz-transform: translate3d($value, 0, 0); + -o-transform: translate3d($value, 0, 0); + -ms-transform: translate3d($value, 0, 0); + transform: translate3d($value, 0, 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 card-gradient ($bottom-color, $top-color){ + background: $top-color; + background: -moz-linear-gradient(30deg, $top-color 0%, $bottom-color 100%); + background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$top-color), color-stop(100%,$bottom-color)); + background: -webkit-linear-gradient(30deg, $top-color 0%,$bottom-color 100%); + background: -o-linear-gradient(30deg, $top-color 0%,$bottom-color 100%); + background: -ms-linear-gradient(30deg, $top-color 0%,$bottom-color 100%); + background: linear-gradient(30deg, $top-color 0%,$bottom-color 100%); + +} + +@mixin card-radial-gradient($extern-color, $center-color){ + background: $extern-color; + background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */ + background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */ + background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */ + background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */ + background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */ + background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */ + background-size: 250% 250%; +} + +@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 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);} + } + +} + + diff --git a/templates/assets/sass/material-kit.scss b/templates/assets/sass/material-kit.scss deleted file mode 100755 index cbf24d8..0000000 --- a/templates/assets/sass/material-kit.scss +++ /dev/null @@ -1,24 +0,0 @@ -/*! - - ========================================================= - * Material Kit - v1.1.1.0 - ========================================================= - - * Product Page: http://www.creative-tim.com/product/material-kit - * Copyright 2017 Creative Tim (http://www.creative-tim.com) - * Licensed under MIT (https://github.com/timcreative/material-kit/blob/master/LICENSE.md) - - ========================================================= - - * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - - */ - -@import 'material-kit/variables'; -@import 'material-kit/mixins'; -@import 'material-kit/shadows'; -@import 'material-kit/core'; - -@import 'material-kit/ripples'; - -@import 'material-kit/example-pages'; diff --git a/templates/assets/sass/material-kit/.DS_Store b/templates/assets/sass/material-kit/.DS_Store deleted file mode 100644 index bc17f27..0000000 Binary files a/templates/assets/sass/material-kit/.DS_Store and /dev/null differ diff --git a/templates/assets/sass/material-kit/_alerts.scss b/templates/assets/sass/material-kit/_alerts.scss deleted file mode 100755 index 52e9497..0000000 --- a/templates/assets/sass/material-kit/_alerts.scss +++ /dev/null @@ -1,41 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.alert { - border: 0; - border-radius: 0; - - padding: 20px 15px; - line-height: 20px; - - //@include shadow-z-2(); - - b{ - font-weight: $font-weight-bold; - text-transform: uppercase; - font-size: $font-size-small; - } - // SASS conversion note: please mirror any content change in _mixins-shared.scss alert-variations-content - @include alert-variations(unquote(".alert"), unquote(""), $mdb-text-color-light); - - &-info, &-danger, &-warning, &-success { - color: $mdb-text-color-light; - } - - &-default { - a, .alert-link { - color: $mdb-text-color-primary; - } - } - - .alert-icon{ - display: block; - float: left; - margin-right: $margin-base; - - i{ - margin-top: -7px; - top: 5px; - position: relative; - } - } -} diff --git a/templates/assets/sass/material-kit/_buttons.scss b/templates/assets/sass/material-kit/_buttons.scss deleted file mode 100755 index 123565b..0000000 --- a/templates/assets/sass/material-kit/_buttons.scss +++ /dev/null @@ -1,245 +0,0 @@ -.btn, -.navbar .navbar-nav > li > a.btn{ - border: none; - border-radius: $border-radius-base; - position: relative; - padding: 12px 30px; - margin: 10px 1px; - - font-size: $mdb-btn-font-size-base; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0; - - will-change: box-shadow, transform; - transition: box-shadow 0.2s $mdb-animation-curve-fast-out-linear-in, - background-color 0.2s $mdb-animation-curve-default; - - &::-moz-focus-inner { - border: 0; - } - - &, - &.btn-default{ - @include btn-styles($gray-light); - } - - &.btn-primary{ - @include btn-styles($brand-primary); - } - &.btn-info{ - @include btn-styles($brand-info); - } - &.btn-success{ - @include btn-styles($brand-success); - } - &.btn-warning{ - @include btn-styles($brand-warning); - } - &.btn-danger{ - @include btn-styles($brand-danger); - } - &.btn-upgrade{ - @include btn-styles($brand-rose); - } - &.btn-white{ - &, - &:focus, - &:hover{ - background-color: $white-color; - color: $gray-light; - } - &.btn-simple{ - color: #FFFFFF; - background: transparent; - box-shadow: none; - } - } - - &:focus, - &:active, - &:active:focus{ - outline: 0; - } - - &.btn-round{ - border-radius: $border-radius-extreme; - } - - &:not(.btn-just-icon):not(.btn-fab){ - .fa{ - font-size: 18px; - margin-top: -2px; - position: relative; - top: 2px; - } - } - - - &.btn-fab { - // see above for color variations - border-radius: 50%; - font-size: $mdb-btn-fab-font-size; - height: $mdb-btn-fab-size; - margin: auto; - min-width: $mdb-btn-fab-size; - width: $mdb-btn-fab-size; - padding: 0; - overflow: hidden; - position: relative; - line-height: normal; - - .ripple-container { - border-radius: 50%; - } - - &.btn-fab-mini, - .btn-group-sm & { - height: $mdb-btn-fab-size-mini; - min-width: $mdb-btn-fab-size-mini; - width: $mdb-btn-fab-size-mini; - - &.material-icons { - top: ($mdb-btn-icon-size-mini - $mdb-btn-fab-font-size) / 2; - left: ($mdb-btn-icon-size-mini - $mdb-btn-fab-font-size) / 2; - } - - .material-icons{ - font-size: $mdb-btn-icon-size-mini; - } - } - - i.material-icons { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-($mdb-btn-fab-font-size / 2), -($mdb-btn-fab-font-size / 2)); - line-height: $mdb-btn-fab-font-size; - width: $mdb-btn-fab-font-size; - font-size: $mdb-btn-fab-font-size; - } - } - - // Size variations - &.btn-lg, - .btn-group-lg & { - font-size: $mdb-btn-font-size-lg; - padding: 18px 36px; - } - &.btn-sm, - .btn-group-sm & { - padding: 5px 20px; - font-size: $mdb-btn-font-size-sm; - } - &.btn-xs, - .btn-group-xs & { - padding: 4px 15px; - font-size: $mdb-btn-font-size-xs; - } - - &.btn-just-icon{ - font-size: 18px; - padding: 10px 10px; - line-height: 1em; - - i{ - width: 20px; - } - &.btn-lg{ - font-size: 22px; - padding: 13px 18px; - } - } -} - -.btn{ - // Align icons inside buttons with text - .material-icons{ - vertical-align: middle; - font-size: $mdb-btn-icon-size-mini; - top: -1px; - position: relative; - } - -} - -.navbar .navbar-nav > li > { - a.btn{ - margin-top: 2px; - margin-bottom: 2px; - - &.btn-fab{ - margin: 5px 2px; - } - } - a:not(.btn){ - .material-icons{ - margin-top: -3px; - top: 0px; - position: relative; - margin-right: 3px; - } - } - .profile-photo{ - margin: 5px 2px; - } -} - -.navbar-default:not(.navbar-transparent) .navbar-nav > li > { - a.btn{ - &.btn-white.btn-simple{ - color: $gray; - } - } -} - -// btn-group variations -.btn-group, -.btn-group-vertical { - - position: relative; - //border-radius: 2px; - margin: 10px 1px; - - &.open { - .dropdown-toggle { - //box-shadow: none; - } - - & > .dropdown-toggle.btn { - @include variations(unquote(".btn"), unquote(""), background-color, $mdb-btn-background-color); - } - } - - .dropdown-menu { - border-radius: 0 0 $border-radius-base $border-radius-base; - } - - &.btn-group-raised { - @include shadow-2dp(); - } - - & .btn + .btn, - .btn, - .btn:active, - .btn-group { - margin: 0; - } -} - -.close{ - font-size: inherit; - color: $white-color; - opacity: .9; - text-shadow: none; - - &:hover, - &:focus{ - opacity: 1; - color: $white-color; - } - - i{ - font-size: 20px; - } -} diff --git a/templates/assets/sass/material-kit/_cards.scss b/templates/assets/sass/material-kit/_cards.scss deleted file mode 100755 index 6b4d487..0000000 --- a/templates/assets/sass/material-kit/_cards.scss +++ /dev/null @@ -1,164 +0,0 @@ -.card { - - display: inline-block; - position: relative; - width: 100%; - - .card-height-indicator { - margin-top: 100%; - } - .card-content { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - } - - border-radius: $border-radius-base; - color: $mdb-card-body-text; - background: $mdb-card-body-background; - - @include shadow-2dp(); - - .card-image { - height: 60%; - position: relative; - overflow: hidden; - img { - width: 100%; - height: 100%; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - pointer-events: none; - } - .card-image-headline { - position: absolute; - bottom: 16px; - left: 18px; - color: $mdb-card-image-headline; - font-size: 2em; - } - } - - .content{ - padding: 15px; - } - - .card-body { - height: 30%; - padding: 18px; - } - - .card-footer { - height: 10%; - padding: 18px; - button, a { - margin: 0 !important; - position: relative; - bottom: 25px; - width: auto; - &:first-child { - left: -15px; - } - } - } - - .header{ - @include shadow-big(); - margin: $margin-base; - border-radius: $border-radius-base; - padding: $padding-base 0; - background-color: $white-color; - } - - .header-primary{ - background: linear-gradient(60deg, $purple-400, $purple-700); - } - .header-info{ - background: linear-gradient(60deg, $light-blue-400, $light-blue-700); - } - .header-success{ - background: linear-gradient(60deg, $green-400, $green-700); - } - .header-warning{ - background: linear-gradient(60deg, $yellow-600, $yellow-700); - } - .header-danger{ - background: linear-gradient(60deg, $red-400, $red-700); - } - - [class*="header-"]{ - color: #FFFFFF; - } -} - -.card-raised{ - @include shadow-big(); -} - -.card-signup{ - .header{ - @include shadow-big(); - margin-left: 20px; - margin-right: 20px; - margin-top: -40px; - padding: 20px 0; - } - .text-divider{ - margin-top: 30px; - margin-bottom: 0px; - text-align: center; - } - .content{ - padding: 0px 30px 0px 10px; - } - - .checkbox{ - margin-top: 20px; - - label{ - margin-left: 17px; - } - .checkbox-material{ - padding-right: 12px; - } - } - - .social-line{ - margin-top: $margin-base; - text-align: center; - - .btn{ - color: $white-color; - margin-left: 5px; - margin-right: 5px; - } - } -} - -.card-nav-tabs{ - margin-top: 45px; - - .header{ - margin-top: -$margin-base * 2; - } - .nav-tabs{ - background: transparent; - } -} - -.card-plain{ - background: transparent; - box-shadow: none; - - .header{ - margin-left: 0; - margin-right: 0; - } - - .content{ - padding-left: 0; - padding-right: 0; - } -} diff --git a/templates/assets/sass/material-kit/_carousel.scss b/templates/assets/sass/material-kit/_carousel.scss deleted file mode 100644 index 5c80a95..0000000 --- a/templates/assets/sass/material-kit/_carousel.scss +++ /dev/null @@ -1,52 +0,0 @@ -.carousel{ - .carousel-control{ - width: 50%; - - &.left, - &.right{ - background-image: none; - } - - .material-icons, - .fa{ - display: none; - } - } - .left{ - cursor: url("../img/arrow-left.png"), url("../img/arrow-left.cur"), default !important; - } - .right{ - cursor: url("../img/arrow-right.png"), url("../img/arrow-right.cur"), default !important; - } - - .carousel-indicators{ - bottom: 5px; - - li, - .active{ - margin: 11px 10px; - } - - li{ - background: #FFFFFF; - @include shadow-2dp(); - @extend .animation-transition-general; - border-radius: $border-radius-small; - } - .active{ - margin-top: 10px; - @include transform-scale(1.5); - @include shadow-4dp(); - } - } - - .carousel-caption{ - padding-bottom: 45px; - - .material-icons{ - position: relative; - top: 5px; - } - } - -} diff --git a/templates/assets/sass/material-kit/_checkboxes.scss b/templates/assets/sass/material-kit/_checkboxes.scss deleted file mode 100755 index 119bde2..0000000 --- a/templates/assets/sass/material-kit/_checkboxes.scss +++ /dev/null @@ -1,195 +0,0 @@ -.form-group { -} - -.checkbox { - label { - cursor: pointer; - padding-left: 0; // Reset for Bootstrap rule - color: $mdb-checkbox-label-color; - @include mdb-label-color-toggle-focus(); - } - - // Hide native checkbox - input[type=checkbox] { - opacity: 0; - position: absolute; - margin: 0; - z-index: -1; - width: 0; - height: 0; - overflow: hidden; - left: 0; - pointer-events: none; - } - - .checkbox-material { - vertical-align: middle; - position: relative; - top: 1px; - padding-right: 5px; - display: inline-block; - - &:before { - display: block; - position: absolute; - left: 0; - content: ""; - background-color: rgba(0,0,0,.84); - height: $mdb-checkbox-size; - width: $mdb-checkbox-size; - border-radius: 100%; - z-index: 1; - opacity: 0; - margin: 0; - top: 0; - @include transform-scale3d(unquote('2.3,2.3,1')); - } - - .check { - position: relative; - display: inline-block; - width: $mdb-checkbox-size; - height: $mdb-checkbox-size; - border: 1px solid $mdb-checkbox-border-color; - overflow: hidden; - z-index: 1; - border-radius: $border-radius-base; - } - .check:before { - position: absolute; - content: ""; - transform: rotate(45deg); - display: block; - margin-top: -3px; - margin-left: 7px; - width: 0; - height: 0; - background: red; - box-shadow: - 0 0 0 0, - 0 0 0 0, - 0 0 0 0, - 0 0 0 0, - 0 0 0 0, - 0 0 0 0, - 0 0 0 0 inset; - @include animation(checkbox-off $mdb-checkbox-animation-check forwards); - } - } - - input[type=checkbox] { - - &:focus + .checkbox-material .check:after { - opacity: 0.2; - } - - &:checked { - - & + .checkbox-material .check { - background: $mdb-checkbox-checked-color; - } - - & + .checkbox-material .check:before { - color: #FFFFFF; - box-shadow: 0 0 0 10px, - 10px -10px 0 10px, - 32px 0 0 20px, - 0px 32px 0 20px, - -5px 5px 0 10px, - 20px -12px 0 11px; - @include animation(checkbox-on $mdb-checkbox-animation-check forwards); - } - - & + .checkbox-material:before { - @include animation(rippleOn $mdb-checkbox-animation-ripple); - } - - & + .checkbox-material .check:after { - //background-color: $brand-success; // FIXME: seems like tho wrong color, test and make sure it can be removed - @include animation(rippleOn $mdb-checkbox-animation-ripple forwards); - } - } - - &:not(:checked) { - & + .checkbox-material:before { - @include animation(rippleOff $mdb-checkbox-animation-ripple); - } - - & + .checkbox-material .check:after { - @include animation(rippleOff $mdb-checkbox-animation-ripple); // Ripple effect on uncheck - - } - } - } - - // Style for disabled inputs - fieldset[disabled] &, - fieldset[disabled] & input[type=checkbox], - input[type=checkbox][disabled] ~ .checkbox-material .check, - input[type=checkbox][disabled] + .circle { - opacity: 0.5; - } - - input[type=checkbox][disabled] ~ .checkbox-material .check{ - border-color: #000000; - opacity: .26; - } - - input[type=checkbox][disabled] + .checkbox-material .check:after { - background-color: $mdb-text-color-primary; - transform: rotate(-45deg); - } -} - -@keyframes checkbox-on { - 0% { - box-shadow: - 0 0 0 10px, - 10px -10px 0 10px, - 32px 0 0 20px, - 0px 32px 0 20px, - -5px 5px 0 10px, - 15px 2px 0 11px; - } - 50% { - box-shadow: - 0 0 0 10px, - 10px -10px 0 10px, - 32px 0 0 20px, - 0px 32px 0 20px, - -5px 5px 0 10px, - 20px 2px 0 11px; - } - 100% { - box-shadow: - 0 0 0 10px, - 10px -10px 0 10px, - 32px 0 0 20px, - 0px 32px 0 20px, - -5px 5px 0 10px, - 20px -12px 0 11px; - } -} - -@keyframes rippleOn { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} -@keyframes rippleOff { - 0% { - opacity: 0; - } - 50% { - opacity: 0.2; - } - 100% { - opacity: 0; - } -} diff --git a/templates/assets/sass/material-kit/_colors.scss b/templates/assets/sass/material-kit/_colors.scss deleted file mode 100755 index 67904ea..0000000 --- a/templates/assets/sass/material-kit/_colors.scss +++ /dev/null @@ -1,326 +0,0 @@ - -$red-50: #ffebee !default; -$red-100: #ffcdd2 !default; -$red-200: #ef9a9a !default; -$red-300: #e57373 !default; -$red-400: #ef5350 !default; -$red-500: #f44336 !default; -$red-600: #e53935 !default; -$red-700: #d32f2f !default; -$red-800: #c62828 !default; -$red-900: #b71c1c !default; -$red-A100: #ff8a80 !default; -$red-A200: #ff5252 !default; -$red-A400: #ff1744 !default; -$red-A700: #d50000 !default; -$red: $red-500 !default; - - -$pink-50: #fce4ec !default; -$pink-100: #f8bbd0 !default; -$pink-200: #f48fb1 !default; -$pink-300: #f06292 !default; -$pink-400: #ec407a !default; -$pink-500: #e91e63 !default; -$pink-600: #d81b60 !default; -$pink-700: #c2185b !default; -$pink-800: #ad1457 !default; -$pink-900: #880e4f !default; -$pink-A100: #ff80ab !default; -$pink-A200: #ff4081 !default; -$pink-A400: #f50057 !default; -$pink-A700: #c51162 !default; -$pink: $pink-500 !default; - - -$purple-50: #f3e5f5 !default; -$purple-100: #e1bee7 !default; -$purple-200: #ce93d8 !default; -$purple-300: #ba68c8 !default; -$purple-400: #ab47bc !default; -$purple-500: #9c27b0 !default; -$purple-600: #8e24aa !default; -$purple-700: #7b1fa2 !default; -$purple-800: #6a1b9a !default; -$purple-900: #4a148c !default; -$purple-A100: #ea80fc !default; -$purple-A200: #e040fb !default; -$purple-A400: #d500f9 !default; -$purple-A700: #aa00ff !default; -$purple: $purple-500 !default; - - -$deep-purple-50: #ede7f6 !default; -$deep-purple-100: #d1c4e9 !default; -$deep-purple-200: #b39ddb !default; -$deep-purple-300: #9575cd !default; -$deep-purple-400: #7e57c2 !default; -$deep-purple-500: #673ab7 !default; -$deep-purple-600: #5e35b1 !default; -$deep-purple-700: #512da8 !default; -$deep-purple-800: #4527a0 !default; -$deep-purple-900: #311b92 !default; -$deep-purple-A100: #b388ff !default; -$deep-purple-A200: #7c4dff !default; -$deep-purple-A400: #651fff !default; -$deep-purple-A700: #6200ea !default; -$deep-purple: $deep-purple-500 !default; - - -$indigo-50: #e8eaf6 !default; -$indigo-100: #c5cae9 !default; -$indigo-200: #9fa8da !default; -$indigo-300: #7986cb !default; -$indigo-400: #5c6bc0 !default; -$indigo-500: #3f51b5 !default; -$indigo-600: #3949ab !default; -$indigo-700: #303f9f !default; -$indigo-800: #283593 !default; -$indigo-900: #1a237e !default; -$indigo-A100: #8c9eff !default; -$indigo-A200: #536dfe !default; -$indigo-A400: #3d5afe !default; -$indigo-A700: #304ffe !default; -$indigo: $indigo-500 !default; - - -$blue-50: #e3f2fd !default; -$blue-100: #bbdefb !default; -$blue-200: #90caf9 !default; -$blue-300: #64b5f6 !default; -$blue-400: #42a5f5 !default; -$blue-500: #2196f3 !default; -$blue-600: #1e88e5 !default; -$blue-700: #1976d2 !default; -$blue-800: #1565c0 !default; -$blue-900: #0d47a1 !default; -$blue-A100: #82b1ff !default; -$blue-A200: #448aff !default; -$blue-A400: #2979ff !default; -$blue-A700: #2962ff !default; -$blue: $blue-500 !default; - - -$light-blue-50: #e1f5fe !default; -$light-blue-100: #b3e5fc !default; -$light-blue-200: #81d4fa !default; -$light-blue-300: #4fc3f7 !default; -$light-blue-400: #29b6f6 !default; -$light-blue-500: #03a9f4 !default; -$light-blue-600: #039be5 !default; -$light-blue-700: #0288d1 !default; -$light-blue-800: #0277bd !default; -$light-blue-900: #01579b !default; -$light-blue-A100: #80d8ff !default; -$light-blue-A200: #40c4ff !default; -$light-blue-A400: #00b0ff !default; -$light-blue-A700: #0091ea !default; -$light-blue: $light-blue-500 !default; - - -$cyan-50: #e0f7fa !default; -$cyan-100: #b2ebf2 !default; -$cyan-200: #80deea !default; -$cyan-300: #4dd0e1 !default; -$cyan-400: #26c6da !default; -$cyan-500: #00bcd4 !default; -$cyan-600: #00acc1 !default; -$cyan-700: #0097a7 !default; -$cyan-800: #00838f !default; -$cyan-900: #006064 !default; -$cyan-A100: #84ffff !default; -$cyan-A200: #18ffff !default; -$cyan-A400: #00e5ff !default; -$cyan-A700: #00b8d4 !default; -$cyan: $cyan-500 !default; - - -$teal-50: #e0f2f1 !default; -$teal-100: #b2dfdb !default; -$teal-200: #80cbc4 !default; -$teal-300: #4db6ac !default; -$teal-400: #26a69a !default; -$teal-500: #009688 !default; -$teal-600: #00897b !default; -$teal-700: #00796b !default; -$teal-800: #00695c !default; -$teal-900: #004d40 !default; -$teal-A100: #a7ffeb !default; -$teal-A200: #64ffda !default; -$teal-A400: #1de9b6 !default; -$teal-A700: #00bfa5 !default; -$teal: $teal-500 !default; - - -$green-50: #e8f5e9 !default; -$green-100: #c8e6c9 !default; -$green-200: #a5d6a7 !default; -$green-300: #81c784 !default; -$green-400: #66bb6a !default; -$green-500: #4caf50 !default; -$green-600: #43a047 !default; -$green-700: #388e3c !default; -$green-800: #2e7d32 !default; -$green-900: #1b5e20 !default; -$green-A100: #b9f6ca !default; -$green-A200: #69f0ae !default; -$green-A400: #00e676 !default; -$green-A700: #00c853 !default; -$green: $green-500 !default; - - -$light-green-50: #f1f8e9 !default; -$light-green-100: #dcedc8 !default; -$light-green-200: #c5e1a5 !default; -$light-green-300: #aed581 !default; -$light-green-400: #9ccc65 !default; -$light-green-500: #8bc34a !default; -$light-green-600: #7cb342 !default; -$light-green-700: #689f38 !default; -$light-green-800: #558b2f !default; -$light-green-900: #33691e !default; -$light-green-A100: #ccff90 !default; -$light-green-A200: #b2ff59 !default; -$light-green-A400: #76ff03 !default; -$light-green-A700: #64dd17 !default; -$light-green: $light-green-500 !default; - - -$lime-50: #f9fbe7 !default; -$lime-100: #f0f4c3 !default; -$lime-200: #e6ee9c !default; -$lime-300: #dce775 !default; -$lime-400: #d4e157 !default; -$lime-500: #cddc39 !default; -$lime-600: #c0ca33 !default; -$lime-700: #afb42b !default; -$lime-800: #9e9d24 !default; -$lime-900: #827717 !default; -$lime-A100: #f4ff81 !default; -$lime-A200: #eeff41 !default; -$lime-A400: #c6ff00 !default; -$lime-A700: #aeea00 !default; -$lime: $lime-500 !default; - - -$yellow-50: #fffde7 !default; -$yellow-100: #fff9c4 !default; -$yellow-200: #fff59d !default; -$yellow-300: #fff176 !default; -$yellow-400: #ffee58 !default; -$yellow-500: #fec60a !default; -$yellow-600: #fdd835 !default; -$yellow-700: #fbc02d !default; -$yellow-800: #f9a825 !default; -$yellow-900: #f57f17 !default; -$yellow-A100: #ffff8d !default; -$yellow-A200: #ffff00 !default; -$yellow-A400: #ffea00 !default; -$yellow-A700: #ffd600 !default; -$yellow: $yellow-700 !default; - - -$amber-50: #fff8e1 !default; -$amber-100: #ffecb3 !default; -$amber-200: #ffe082 !default; -$amber-300: #ffd54f !default; -$amber-400: #ffca28 !default; -$amber-500: #ffc107 !default; -$amber-600: #ffb300 !default; -$amber-700: #ffa000 !default; -$amber-800: #ff8f00 !default; -$amber-900: #ff6f00 !default; -$amber-A100: #ffe57f !default; -$amber-A200: #ffd740 !default; -$amber-A400: #ffc400 !default; -$amber-A700: #ffab00 !default; -$amber: $amber-500 !default; - - -$orange-50: #fff3e0 !default; -$orange-100: #ffe0b2 !default; -$orange-200: #ffcc80 !default; -$orange-300: #ffb74d !default; -$orange-400: #ffa726 !default; -$orange-500: #ff9800 !default; -$orange-600: #fb8c00 !default; -$orange-700: #f57c00 !default; -$orange-800: #ef6c00 !default; -$orange-900: #e65100 !default; -$orange-A100: #ffd180 !default; -$orange-A200: #ffab40 !default; -$orange-A400: #ff9100 !default; -$orange-A700: #ff6d00 !default; -$orange: $orange-500 !default; - - -$deep-orange-50: #fbe9e7 !default; -$deep-orange-100: #ffccbc !default; -$deep-orange-200: #ffab91 !default; -$deep-orange-300: #ff8a65 !default; -$deep-orange-400: #ff7043 !default; -$deep-orange-500: #ff5722 !default; -$deep-orange-600: #f4511e !default; -$deep-orange-700: #e64a19 !default; -$deep-orange-800: #d84315 !default; -$deep-orange-900: #bf360c !default; -$deep-orange-A100: #ff9e80 !default; -$deep-orange-A200: #ff6e40 !default; -$deep-orange-A400: #ff3d00 !default; -$deep-orange-A700: #dd2c00 !default; -$deep-orange: $deep-orange-500 !default; - - -$brown-50: #efebe9 !default; -$brown-100: #d7ccc8 !default; -$brown-200: #bcaaa4 !default; -$brown-300: #a1887f !default; -$brown-400: #8d6e63 !default; -$brown-500: #795548 !default; -$brown-600: #6d4c41 !default; -$brown-700: #5d4037 !default; -$brown-800: #4e342e !default; -$brown-900: #3e2723 !default; -$brown-A100: #d7ccc8 !default; -$brown-A200: #bcaaa4 !default; -$brown-A400: #8d6e63 !default; -$brown-A700: #5d4037 !default; -$brown: $brown-500 !default; - - -$grey-50: #fafafa !default; -$grey-100: #f5f5f5 !default; -$grey-200: #eeeeee !default; -$grey-300: #e0e0e0 !default; -$grey-400: #bdbdbd !default; -$grey-500: #9e9e9e; $rgb-grey-500: "158, 158, 158" !default; -$grey-600: #757575 !default; -$grey-700: #616161 !default; -$grey-800: #424242 !default; -$grey-900: #212121 !default; -$grey-A100: #f5f5f5 !default; -$grey-A200: #eeeeee !default; -$grey-A400: #bdbdbd !default; -$grey-A700: #616161 !default; -$grey: $grey-500 !default; - - -$blue-grey-50: #eceff1 !default; -$blue-grey-100: #cfd8dc !default; -$blue-grey-200: #b0bec5 !default; -$blue-grey-300: #90a4ae !default; -$blue-grey-400: #78909c !default; -$blue-grey-500: #607d8b !default; -$blue-grey-600: #546e7a !default; -$blue-grey-700: #455a64 !default; -$blue-grey-800: #37474f !default; -$blue-grey-900: #263238 !default; -$blue-grey-A100: #cfd8dc !default; -$blue-grey-A200: #b0bec5 !default; -$blue-grey-A400: #78909c !default; -$blue-grey-A700: #455a64 !default; -$blue-grey: $blue-grey-500 !default; - - -$black: #000000; $rgb-black: "0,0,0" !default; -$white: #ffffff; $rgb-white: "255,255,255" !default; diff --git a/templates/assets/sass/material-kit/_core.scss b/templates/assets/sass/material-kit/_core.scss deleted file mode 100755 index 986d480..0000000 --- a/templates/assets/sass/material-kit/_core.scss +++ /dev/null @@ -1,115 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -body { - background-color: #CCCCCC; - &.inverse { - background: #333333; - &, .form-control { - color: $mdb-text-color-light; - } - .modal, - .panel-default, - .card { - &, - .form-control { - background-color: initial; - color: initial; - } - } - - } -} - -.life-of-material-kit{ - background: #FFFFFF; -} -body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { - font-family: $font-family-sans-serif; - font-weight: 300; - line-height: 1.5em; -} - -a, a:hover, a:focus { - color: $link-color; - - & .material-icons { - vertical-align: middle; - } -} - -/* Animations */ - -.animation-transition-general{ - @include transition($general-transition-time, $transition-linear); -} - -.animation-transition-slow{ - @include transition($slow-transition-time, $transition-linear); -} - -.animation-transition-fast{ - @include transition($fast-transition-time, $transition-ease); -} - -@import '_form'; -//@import '_welljumbo'; // Not designed yet by Creative Tim, you can use it as it is -@import '_buttons'; -@import '_checkboxes'; -@import '_togglebutton'; -@import '_radios'; -@import '_inputs'; -@import '_pagination'; -@import '_labels'; -@import '_pills'; -@import '_footers'; - -legend { - border-bottom: 0; -} - -//@import '_lists'; // Not designed yet by Creative Tim, you can use it as it is -@import '_navbar'; - -@import '_dropdown'; -@import '_info-areas'; -@import '_alerts'; -@import '_progress'; -@import '_typography'; -@import '_tabs'; -@import '_popups'; -@import '_carousel'; -@import '_cards'; -@import '_dialogs'; -@import '_panels'; -@import '_dividers'; - -@import '_images'; - - -// Prevent highlight on mobile -* { - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - -webkit-tap-highlight-color: transparent; - &:focus { - outline: 0; - } -} -a:focus, a:active, -button:active, button:focus, button:hover, -button::-moz-focus-inner, -input[type="reset"]::-moz-focus-inner, -input[type="button"]::-moz-focus-inner, -input[type="submit"]::-moz-focus-inner, -select::-moz-focus-inner, -input[type="file"] > input[type="button"]::-moz-focus-inner { - outline : 0 !important; -} - -@import '_sections'; - -// External plugins -// @import 'plugins/_plugin-snackbarjs'; // Not designed yet by Creative Tim, you can use it as it is -@import 'plugins/_plugin-nouislider'; -//@import 'plugins/_plugin-selectize'; // Not designed yet by Creative Tim, you can use it as it is -@import 'plugins/_plugin-dropdownjs'; -@import 'plugins/_plugin-datepicker'; diff --git a/templates/assets/sass/material-kit/_dialogs.scss b/templates/assets/sass/material-kit/_dialogs.scss deleted file mode 100755 index 5ad9fc3..0000000 --- a/templates/assets/sass/material-kit/_dialogs.scss +++ /dev/null @@ -1,69 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -// -// Modals -// Material Design element Dialogs -// -------------------------------------------------- -.modal-content { - @include shadow-z-5(); - border-radius: $border-radius-base; - border: none; - // Modal header - // Top section of the modal w/ title and dismiss - .modal-header { - border-bottom: none; - padding-top: 24px; - padding-right: 24px; - padding-bottom: 0; - padding-left: 24px; - } - // Modal body - // Where all modal content resides (sibling of .modal-header and .modal-footer) - .modal-body { - padding-top: 24px; - padding-right: 24px; - padding-bottom: 16px; - padding-left: 24px; - } - // Footer (for actions) - .modal-footer { - border-top: none; - padding: 7px; - button { - margin: 0; - padding-left: 16px; - padding-right: 16px; - width: auto; - &.pull-left { - padding-left: 5px; - padding-right: 5px; - position: relative; - left: -5px; - } - } - button+button { - margin-bottom: 16px; - } - } - .modal-body + .modal-footer { - padding-top: 0; - } -} -.modal-backdrop { - background: rgba(0,0,0,0.3); -} - -.modal{ - .modal-dialog{ - margin-top: 100px; - } - .modal-header .close{ - color: $gray; - - &:hover, - &:focus{ - opacity: 1; - color: $gray; - } - } -} diff --git a/templates/assets/sass/material-kit/_dividers.scss b/templates/assets/sass/material-kit/_dividers.scss deleted file mode 100755 index 45d1d09..0000000 --- a/templates/assets/sass/material-kit/_dividers.scss +++ /dev/null @@ -1,73 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -hr { - &.on-dark { - color: lighten($black, 10%); - } - - &.on-light { - color: lighten($white, 10%); - } - - @media (-webkit-min-device-pixel-ratio: 0.75), - (min--moz-device-pixel-ratio: 0.75), - (-o-device-pixel-ratio: 3/4), - (min-device-pixel-ratio: 0.75), - (min-resolution: 0.75dppx), - (min-resolution: 120dpi) { - height:0.75px; - } - - @media (-webkit-min-device-pixel-ratio: 1), - (min--moz-device-pixel-ratio: 1), - (-o-device-pixel-ratio: 1), - (min-device-pixel-ratio: 1), - (min-resolution: 1dppx), - (min-resolution: 160dpi) { - height:1px; - } - @media (-webkit-min-device-pixel-ratio: 1.33), - (min--moz-device-pixel-ratio: 1.33), - (-o-device-pixel-ratio: 133/100), - (min-device-pixel-ratio: 1.33), - (min-resolution: 1.33dppx), - (min-resolution: 213dpi) { - height:1.333px; - } - @media (-webkit-min-device-pixel-ratio: 1.5), - (min--moz-device-pixel-ratio: 1.5), - (-o-device-pixel-ratio: 3/2), - (min-device-pixel-ratio: 1.5), - (min-resolution: 1.5dppx), - (min-resolution: 240dpi) { - height:1.5px; - } - - @media (-webkit-min-device-pixel-ratio: 2), - (min--moz-device-pixel-ratio: 2), - (-o-device-pixel-ratio: 2/1), - (min-device-pixel-ratio: 2), - (min-resolution: 2dppx), - (min-resolution: 380dpi) { - height:2px; - } - - @media (-webkit-min-device-pixel-ratio: 3), - (min--moz-device-pixel-ratio: 3), - (-o-device-pixel-ratio: 3/1), - (min-device-pixel-ratio: 3), - (min-resolution: 3dppx), - (min-resolution: 480dpi) { - height:3px; - } - - @media (-webkit-min-device-pixel-ratio: 4), - (min--moz-device-pixel-ratio: 4), - (-o-device-pixel-ratio: 4/1), - (min-device-pixel-ratio: 3), - (min-resolution: 4dppx), - (min-resolution: 640dpi) { - height:4px; - } - -} diff --git a/templates/assets/sass/material-kit/_dropdown.scss b/templates/assets/sass/material-kit/_dropdown.scss deleted file mode 100644 index 19e1a9b..0000000 --- a/templates/assets/sass/material-kit/_dropdown.scss +++ /dev/null @@ -1,58 +0,0 @@ -.dropdown-menu { - border: 0; - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - - .divider { - background-color: rgba(0, 0, 0, .12); - } - - - li > a{ - font-size: $mdb-dropdown-font-size; - padding: 10px 20px; - margin: 0 5px; - border-radius: $border-radius-small; - @include transition($fast-transition-time, $transition-linear); - - &:hover, - &:focus { - @include shadow-8dp(); - - } - } - - li { - position: relative; - a:hover, - a:focus, - a:active { - background-color: $brand-primary; - color: #FFFFFF; - } - } - - .divider{ - margin: 5px 0; - } -} - -@media (min-width: $screen-md-min){ - .dropdown{ - .dropdown-menu{ - @include transition($fast-transition-time, $transition-linear); - margin-top: -20px; - opacity: 0; - visibility: hidden; - display: block; - } - - &.open{ - .dropdown-menu{ - opacity: 1; - visibility: visible; - margin-top: 1px; - } - } - } - -} diff --git a/templates/assets/sass/material-kit/_example-pages.scss b/templates/assets/sass/material-kit/_example-pages.scss deleted file mode 100644 index fa83690..0000000 --- a/templates/assets/sass/material-kit/_example-pages.scss +++ /dev/null @@ -1,236 +0,0 @@ -.wrapper > .header{ - min-height: 300px; - background-position: center center; - background-size: cover; -} -.main{ - background: #FFFFFF; - position: relative; - z-index: 3; - -} -.main-raised{ - margin: -60px 30px 0px; - border-radius: $border-radius-base * 2; - @include shadow-16dp(); -} - -.title{ - font-weight: $font-weight-bold; - color: $black-color; -} -h2.title{ - margin-bottom: $margin-base * 2; -} -.description{ - color: $gray-light; -} - -// general style for example pages -.header-filter{ - position: relative; - - &:after{ - position: absolute; - z-index: 1; - width: 100%; - height: 100%; - display: block; - left: 0; - top: 0; - content: ""; - background-color: rgba(0,0,0,.4); - } - - .container{ - z-index: 2; - position: relative; - } -} -.gallery{ - .image{ - img{ - width: 100%; - } - } -} -.features{ - padding: 80px 0 0; -} - -.team{ - margin-top: 80px; - - .team-player{ - .title{ - margin: $margin-base * 2 auto; - } - img{ - max-width: 170px; - } - } -} -.nav-align-center{ - text-align: center; - - .nav-pills{ - display: inline-block; - } -} -.navbar-absolute{ - position: absolute; - width: 100%; - padding-top: 10px; - z-index: 1031; -} - -.index-page{ - .wrapper > .header{ - height: 90vh; - } - .brand{ - margin-top: 30vh; - color: #FFFFFF; - text-align: center; - - h1{ - font-size: 4.8em; - font-weight: 600; - } - h3{ - font-size: 1.5em; - text-transform: uppercase; - max-width: 400px; - margin: 10px auto 0; - } - } - .section-basic{ - padding-top: 15px; - } - .header-filter:after{ - background: rgba(101, 47, 142, 0.64); - background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); - background: -moz-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); - background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); - - } -} - -// style for the landing page -.landing-page{ - - .header{ - height: 100vh; - - .container{ - padding-top: 26vh; - color: #FFFFFF; - } - - .share{ - margin-top: 150px; - } - h1{ - font-weight: 600; - } - .title{ - color: $white-color; - } - } - - .wrapper{ - background: #CCCCCC; - } -} - -// style for the profile page - -.profile-page{ - .header{ - height: 380px; - background-position: top center; - } - .profile{ - text-align: center; - - img{ - max-width: 160px; - margin: -80px auto 0; - } - } - .description{ - margin: $margin-base * 2 auto 0; - max-width: 600px; - } - .profile-tabs{ - margin-top: $margin-base * 4; - } - .gallery{ - margin-top: $margin-base * 3; - padding-bottom: 50px; - - img{ - width: 100%; - margin-bottom: $margin-base * 2; - } - } -} - -.signup-page{ - .wrapper{ - > .header{ - min-height: 100vh; - } - .card-signup{ - margin: 160px 0 40px; - } - } - .footer{ - .copyright, - a{ - color: #FFFFFF; - } - } -} -.landing-page, -.profile-page, -.signup-page, -.index-page{ - .navbar-transparent{ - padding-top: 25px; - } -} - -@media (max-width: 991px){ - .landing-page .header{ - height: auto; - min-height: 100vh; - - .container{ - padding-bottom: 70px - } - } -} -@media (max-width: 768px){ - .footer{ - .copyright{ - display: inline-block; - text-align: center; - padding: 10px 0; - float: none !important; - width: 100%; - - } - } - - .navbar.navbar-transparent{ - background-color: rgba(0,0,0,.4); - padding-top: 10px; - border-radius: 0; - } - - .main-raised{ - margin-left: 10px; - margin-right: 10px; - } -} diff --git a/templates/assets/sass/material-kit/_footers.scss b/templates/assets/sass/material-kit/_footers.scss deleted file mode 100644 index 5883185..0000000 --- a/templates/assets/sass/material-kit/_footers.scss +++ /dev/null @@ -1,38 +0,0 @@ -footer{ - padding: $padding-base 0; - - ul{ - margin-bottom: 0; - padding: 0; - list-style: none; - - li{ - display: inline-block; - - a{ - color: inherit; - padding: $padding-base; - font-weight: $font-weight-bold; - font-size: $mdb-btn-font-size-base; - text-transform: uppercase; - border-radius: $border-radius-base; - text-decoration: none; - position: relative; - display: block; - - &:hover{ - text-decoration: none; - } - } - } - } - - .copyright{ - padding: 15px 0; - .material-icons{ - font-size: 18px; - position: relative; - top: 3px; - } - } -} diff --git a/templates/assets/sass/material-kit/_form.scss b/templates/assets/sass/material-kit/_form.scss deleted file mode 100755 index ec8f018..0000000 --- a/templates/assets/sass/material-kit/_form.scss +++ /dev/null @@ -1,42 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -@mixin mdb-label-color-toggle-focus(){ - // override bootstrap focus and keep all the standard color (could be multiple radios in the form group) - .form-group.is-focused & { - color: $mdb-label-color; - - // on focus just darken the specific labels, do not turn them to the brand-primary - &:hover, - &:focus { - color: $mdb-label-color-toggle-focus; - } - - // correct the above focus color for disabled items - fieldset[disabled] & { - color: $mdb-label-color; - } - } -} - -.form-horizontal { - - // Consistent vertical alignment of radios and checkboxes - .radio, - .checkbox, - .radio-inline, - .checkbox-inline { - padding-top: 0; - } - - .radio { - margin-bottom: 10px; - } - - label { - text-align: right; - } - - label.control-label { - margin: 0; - } -} diff --git a/templates/assets/sass/material-kit/_images.scss b/templates/assets/sass/material-kit/_images.scss deleted file mode 100644 index 293417b..0000000 --- a/templates/assets/sass/material-kit/_images.scss +++ /dev/null @@ -1,6 +0,0 @@ -.img-thumbnail{ - border-radius: 16px; -} -.img-raised{ - @include shadow-big(); -} diff --git a/templates/assets/sass/material-kit/_import-bs-less.scss b/templates/assets/sass/material-kit/_import-bs-less.scss deleted file mode 100755 index 9207c5d..0000000 --- a/templates/assets/sass/material-kit/_import-bs-less.scss +++ /dev/null @@ -1,4 +0,0 @@ -// hack due to differences between sass and less variable loading -// Less lazy loads, Sass doesn't. http://lesscss.org/features/#variables-feature-lazy-loading - -// do nothing here for sass. diff --git a/templates/assets/sass/material-kit/_import-bs-sass.scss b/templates/assets/sass/material-kit/_import-bs-sass.scss deleted file mode 100755 index 7550b18..0000000 --- a/templates/assets/sass/material-kit/_import-bs-sass.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import "variables_bootstrap"; -//@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins"; diff --git a/templates/assets/sass/material-kit/_info-areas.scss b/templates/assets/sass/material-kit/_info-areas.scss deleted file mode 100644 index 611ac9e..0000000 --- a/templates/assets/sass/material-kit/_info-areas.scss +++ /dev/null @@ -1,38 +0,0 @@ -.info{ - max-width: 360px; - margin: 0 auto; - padding: 70px 0 30px; - - .icon{ - color: $gray-color; - - > i{ - font-size: 4.4em; - } - } - .info-title{ - color: $black-color; - margin: $margin-base * 2 0 $margin-base; - } - p{ - color: $gray-color; - } -} - -.icon{ - &.icon-primary{ - color: $brand-primary; - } - &.icon-info{ - color: $brand-info; - } - &.icon-success{ - color: $brand-success; - } - &.icon-warning{ - color: $brand-warning; - } - &.icon-danger{ - color: $brand-danger; - } -} diff --git a/templates/assets/sass/material-kit/_inputs-size.scss b/templates/assets/sass/material-kit/_inputs-size.scss deleted file mode 100755 index c86338c..0000000 --- a/templates/assets/sass/material-kit/_inputs-size.scss +++ /dev/null @@ -1,223 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -// -// Forms - sizing - material - mirrors bootstrap/forms.less with custom sizing -// -// LEAVE THIS IDENTICAL TO THE BOOTSTRAP FILE - DO NOT CUSTOMIZE HERE. -// -// NOTE: this is intentionally kept structurally _identical_ to the bootstrap/forms.less file to make it easier -// to identify differences in sizing approaches to form inputs. -// -------------------------------------------------- - -legend { - margin-bottom: $mdb-input-line-height-computed; - font-size: ($mdb-input-font-size-base * 1.5); -} - -// Adjust output element -output { - padding-top: ($mdb-input-padding-base-vertical + 1); - font-size: $mdb-input-font-size-base; - line-height: $mdb-input-line-height-base; -} - -.form-control { - height: $mdb-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) - padding: $mdb-input-padding-base-vertical $mdb-input-padding-base-horizontal; - font-size: $mdb-input-font-size-base; - line-height: $mdb-input-line-height-base; -} - -// Special styles for iOS temporal inputs -// -// In Mobile Safari, setting `display: block` on temporal inputs causes the -// text within the input to become vertically misaligned. As a workaround, we -// set a pixel line-height that matches the given height of the input, but only -// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 -// -// Note that as of 8.3, iOS doesn't support `datetime` or `week`. - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"], - input[type="time"], - input[type="datetime-local"], - input[type="month"] { - &.form-control { - line-height: $mdb-input-height-base; - } - - &.input-sm, - .input-group-sm & { - line-height: $mdb-input-height-small; - } - - &.input-lg, - .input-group-lg & { - line-height: $mdb-input-height-large; - } - } -} - -.radio, -.checkbox { - - label { - min-height: $mdb-input-line-height-computed; // Ensure the input doesn't jump when there is no text - } -} - - -// Static form control text -// -// Apply class to a `p` element to make any string of text align with labels in -// a horizontal form layout. - -.form-control-static { - // Size it appropriately next to real form controls - padding-top: ($mdb-input-padding-base-vertical + 1); - padding-bottom: ($mdb-input-padding-base-vertical + 1); - min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-base); -} - - -// Form control sizing -// -// Relative text size, padding, and border-radii changes for form controls. For -// horizontal sizing, wrap controls in the predefined grid classes. `` background color -$input-bg: #fff !default; -//** `` background color -$input-bg-disabled: $gray-lighter !default; - -//** Text color for ``s -$input-color: $gray !default; -//** `` border color -$input-border: #ccc !default; - -// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 -//** Default `.form-control` border radius -// This has no effect on ``s in CSS. -$input-border-radius: $border-radius-base !default; -//** Large `.form-control` border radius -$input-border-radius-large: $border-radius-large !default; -//** Small `.form-control` border radius -$input-border-radius-small: $border-radius-small !default; - -//** Border color for inputs on focus -$input-border-focus: #66afe9 !default; - -//** Placeholder text color -$input-color-placeholder: #999 !default; - -//** Default `.form-control` height -$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default; -//** Large `.form-control` height -$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default; -//** Small `.form-control` height -$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default; - -//** `.form-group` margin -$form-group-margin-bottom: 15px !default; - -$legend-color: $gray-dark !default; -$legend-border-color: #e5e5e5 !default; - -//** Background color for textual input addons -$input-group-addon-bg: $gray-lighter !default; -//** Border color for textual input addons -$input-group-addon-border-color: $input-border !default; - -//** Disabled cursor for form controls and buttons. -$cursor-disabled: not-allowed !default; - - -//== Dropdowns -// -//## Dropdown menu container and contents. - -//** Background for the dropdown menu. -$dropdown-bg: #fff !default; -//** Dropdown menu `border-color`. -$dropdown-border: rgba(0,0,0,.15) !default; -//** Dropdown menu `border-color` **for IE8**. -$dropdown-fallback-border: #ccc !default; -//** Divider color for between dropdown items. -$dropdown-divider-bg: #e5e5e5 !default; - -//** Dropdown link text color. -$dropdown-link-color: $gray-dark !default; -//** Hover color for dropdown links. -$dropdown-link-hover-color: darken($gray-dark, 5%) !default; -//** Hover background for dropdown links. -$dropdown-link-hover-bg: #f5f5f5 !default; - -//** Active dropdown menu item text color. -$dropdown-link-active-color: $component-active-color !default; -//** Active dropdown menu item background color. -$dropdown-link-active-bg: $component-active-bg !default; - -//** Disabled dropdown menu item background color. -$dropdown-link-disabled-color: $gray-light !default; - -//** Text color for headers within dropdown menus. -$dropdown-header-color: $gray-light !default; - -//** Deprecated `$dropdown-caret-color` as of v3.1.0 -$dropdown-caret-color: #000 !default; - - -//-- Z-index master list -// -// Warning: Avoid customizing these values. They're used for a bird's eye view -// of components dependent on the z-axis and are designed to all work together. -// -// Note: These variables are not generated into the Customizer. - -$zindex-navbar: 1000 !default; -$zindex-dropdown: 1000 !default; -$zindex-popover: 1060 !default; -$zindex-tooltip: 1070 !default; -$zindex-navbar-fixed: 1030 !default; -$zindex-modal-background: 1040 !default; -$zindex-modal: 1050 !default; - - -//== Media queries breakpoints -// -//## Define the breakpoints at which your layout will change, adapting to different screen sizes. - -// Extra small screen / phone -//** Deprecated `$screen-xs` as of v3.0.1 -$screen-xs: 480px !default; -//** Deprecated `$screen-xs-min` as of v3.2.0 -$screen-xs-min: $screen-xs !default; -//** Deprecated `$screen-phone` as of v3.0.1 -$screen-phone: $screen-xs-min !default; - -// Small screen / tablet -//** Deprecated `$screen-sm` as of v3.0.1 -$screen-sm: 768px !default; -$screen-sm-min: $screen-sm !default; -//** Deprecated `$screen-tablet` as of v3.0.1 -$screen-tablet: $screen-sm-min !default; - -// Medium screen / desktop -//** Deprecated `$screen-md` as of v3.0.1 -$screen-md: 992px !default; -$screen-md-min: $screen-md !default; -//** Deprecated `$screen-desktop` as of v3.0.1 -$screen-desktop: $screen-md-min !default; - -// Large screen / wide desktop -//** Deprecated `$screen-lg` as of v3.0.1 -$screen-lg: 1200px !default; -$screen-lg-min: $screen-lg !default; -//** Deprecated `$screen-lg-desktop` as of v3.0.1 -$screen-lg-desktop: $screen-lg-min !default; - -// So media queries don't overlap when required, provide a maximum -$screen-xs-max: ($screen-sm-min - 1) !default; -$screen-sm-max: ($screen-md-min - 1) !default; -$screen-md-max: ($screen-lg-min - 1) !default; - - -//== Grid system -// -//## Define your custom responsive grid. - -//** Number of columns in the grid. -$grid-columns: 12 !default; -//** Padding between columns. Gets divided in half for the left and right. -$grid-gutter-width: 30px !default; -// Navbar collapse -//** Point at which the navbar becomes uncollapsed. -$grid-float-breakpoint: $screen-sm-min !default; -//** Point at which the navbar begins collapsing. -$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; - - -//== Container sizes -// -//## Define the maximum width of `.container` for different screen sizes. - -// Small screen / tablet -$container-tablet: (720px + $grid-gutter-width) !default; -//** For `$screen-sm-min` and up. -$container-sm: $container-tablet !default; - -// Medium screen / desktop -$container-desktop: (940px + $grid-gutter-width) !default; -//** For `$screen-md-min` and up. -$container-md: $container-desktop !default; - -// Large screen / wide desktop -$container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `$screen-lg-min` and up. -$container-lg: $container-large-desktop !default; - - -//== Navbar -// -//## - -// Basics of a navbar -$navbar-height: 50px !default; -$navbar-margin-bottom: $line-height-computed !default; -$navbar-border-radius: $border-radius-base !default; -$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; -$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; -$navbar-collapse-max-height: 340px !default; - -$navbar-default-color: #777 !default; -$navbar-default-bg: #f8f8f8 !default; -$navbar-default-border: darken($navbar-default-bg, 6.5%) !default; - -// Navbar links -$navbar-default-link-color: #777 !default; -$navbar-default-link-hover-color: #333 !default; -$navbar-default-link-hover-bg: transparent !default; -$navbar-default-link-active-color: #555 !default; -$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default; -$navbar-default-link-disabled-color: #ccc !default; -$navbar-default-link-disabled-bg: transparent !default; - -// Navbar brand label -$navbar-default-brand-color: $navbar-default-link-color !default; -$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default; -$navbar-default-brand-hover-bg: transparent !default; - -// Navbar toggle -$navbar-default-toggle-hover-bg: #ddd !default; -$navbar-default-toggle-icon-bar-bg: #888 !default; -$navbar-default-toggle-border-color: #ddd !default; - - -//=== Inverted navbar -// Reset inverted navbar basics -$navbar-inverse-color: lighten($gray-light, 15%) !default; -$navbar-inverse-bg: #222 !default; -$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default; - -// Inverted navbar links -$navbar-inverse-link-color: lighten($gray-light, 15%) !default; -$navbar-inverse-link-hover-color: #fff !default; -$navbar-inverse-link-hover-bg: transparent !default; -$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; -$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default; -$navbar-inverse-link-disabled-color: #444 !default; -$navbar-inverse-link-disabled-bg: transparent !default; - -// Inverted navbar brand label -$navbar-inverse-brand-color: $navbar-inverse-link-color !default; -$navbar-inverse-brand-hover-color: #fff !default; -$navbar-inverse-brand-hover-bg: transparent !default; - -// Inverted navbar toggle -$navbar-inverse-toggle-hover-bg: #333 !default; -$navbar-inverse-toggle-icon-bar-bg: #fff !default; -$navbar-inverse-toggle-border-color: #333 !default; - - -//== Navs -// -//## - -//=== Shared nav styles -$nav-link-padding: 10px 15px !default; -$nav-link-hover-bg: $gray-lighter !default; - -$nav-disabled-link-color: $gray-light !default; -$nav-disabled-link-hover-color: $gray-light !default; - -//== Tabs -$nav-tabs-border-color: #ddd !default; - -$nav-tabs-link-hover-border-color: $gray-lighter !default; - -$nav-tabs-active-link-hover-bg: $body-bg !default; -$nav-tabs-active-link-hover-color: $gray !default; -$nav-tabs-active-link-hover-border-color: #ddd !default; - -$nav-tabs-justified-link-border-color: #ddd !default; -$nav-tabs-justified-active-link-border-color: $body-bg !default; - -//== Pills -$nav-pills-border-radius: $border-radius-base !default; -$nav-pills-active-link-hover-bg: $component-active-bg !default; -$nav-pills-active-link-hover-color: $component-active-color !default; - - -//== Pagination -// -//## - -$pagination-color: $link-color !default; -$pagination-bg: #fff !default; -$pagination-border: #ddd !default; - -$pagination-hover-color: $link-hover-color !default; -$pagination-hover-bg: $gray-lighter !default; -$pagination-hover-border: #ddd !default; - -$pagination-active-color: #fff !default; -$pagination-active-bg: $brand-primary !default; -$pagination-active-border: $brand-primary !default; - -$pagination-disabled-color: $gray-light !default; -$pagination-disabled-bg: #fff !default; -$pagination-disabled-border: #ddd !default; - - -//== Pager -// -//## - -$pager-bg: $pagination-bg !default; -$pager-border: $pagination-border !default; -$pager-border-radius: 15px !default; - -$pager-hover-bg: $pagination-hover-bg !default; - -$pager-active-bg: $pagination-active-bg !default; -$pager-active-color: $pagination-active-color !default; - -$pager-disabled-color: $pagination-disabled-color !default; - - -//== Jumbotron -// -//## - -$jumbotron-padding: 30px !default; -$jumbotron-color: inherit !default; -$jumbotron-bg: $gray-lighter !default; -$jumbotron-heading-color: inherit !default; -$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; -$jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default; - - -//== Form states and alerts -// -//## Define colors for form feedback states and, by default, alerts. - -$state-success-text: #3c763d !default; -$state-success-bg: #dff0d8 !default; -$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default; - -$state-info-text: #31708f !default; -$state-info-bg: #d9edf7 !default; -$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default; - -$state-warning-text: #8a6d3b !default; -$state-warning-bg: #fcf8e3 !default; -$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default; - -$state-danger-text: #a94442 !default; -$state-danger-bg: #f2dede !default; -$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default; - - -//== Tooltips -// -//## - -//** Tooltip max width -$tooltip-max-width: 200px !default; -//** Tooltip text color -$tooltip-color: #fff !default; -//** Tooltip background color -$tooltip-bg: #000 !default; -$tooltip-opacity: .9 !default; - -//** Tooltip arrow width -$tooltip-arrow-width: 5px !default; -//** Tooltip arrow color -$tooltip-arrow-color: $tooltip-bg !default; - - -//== Popovers -// -//## - -//** Popover body background color -$popover-bg: #fff !default; -//** Popover maximum width -$popover-max-width: 276px !default; -//** Popover border color -$popover-border-color: rgba(0,0,0,.2) !default; -//** Popover fallback border color -$popover-fallback-border-color: #ccc !default; - -//** Popover title background color -$popover-title-bg: darken($popover-bg, 3%) !default; - -//** Popover arrow width -$popover-arrow-width: 10px !default; -//** Popover arrow color -$popover-arrow-color: $popover-bg !default; - -//** Popover outer arrow width -$popover-arrow-outer-width: ($popover-arrow-width + 1) !default; -//** Popover outer arrow color -$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default; -//** Popover outer arrow fallback color -$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default; - - -//== Labels -// -//## - -//** Default label background color -$label-default-bg: $gray-light !default; -//** Primary label background color -$label-primary-bg: $brand-primary !default; -//** Success label background color -$label-success-bg: $brand-success !default; -//** Info label background color -$label-info-bg: $brand-info !default; -//** Warning label background color -$label-warning-bg: $brand-warning !default; -//** Danger label background color -$label-danger-bg: $brand-danger !default; - -//** Default label text color -$label-color: #fff !default; -//** Default text color of a linked label -$label-link-hover-color: #fff !default; - - -//== Modals -// -//## - -//** Padding applied to the modal body -$modal-inner-padding: 15px !default; - -//** Padding applied to the modal title -$modal-title-padding: 15px !default; -//** Modal title line-height -$modal-title-line-height: $line-height-base !default; - -//** Background color of modal content area -$modal-content-bg: #fff !default; -//** Modal content border color -$modal-content-border-color: rgba(0,0,0,.2) !default; -//** Modal content border color **for IE8** -$modal-content-fallback-border-color: #999 !default; - -//** Modal backdrop background color -$modal-backdrop-bg: #000 !default; -//** Modal backdrop opacity -$modal-backdrop-opacity: .5 !default; -//** Modal header border color -$modal-header-border-color: #e5e5e5 !default; -//** Modal footer border color -$modal-footer-border-color: $modal-header-border-color !default; - -$modal-lg: 900px !default; -$modal-md: 600px !default; -$modal-sm: 300px !default; - - -//== Alerts -// -//## Define alert colors, border radius, and padding. - -$alert-padding: 15px !default; -$alert-border-radius: $border-radius-base !default; -$alert-link-font-weight: bold !default; - -$alert-success-bg: $state-success-bg !default; -$alert-success-text: $state-success-text !default; -$alert-success-border: $state-success-border !default; - -$alert-info-bg: $state-info-bg !default; -$alert-info-text: $state-info-text !default; -$alert-info-border: $state-info-border !default; - -$alert-warning-bg: $state-warning-bg !default; -$alert-warning-text: $state-warning-text !default; -$alert-warning-border: $state-warning-border !default; - -$alert-danger-bg: $state-danger-bg !default; -$alert-danger-text: $state-danger-text !default; -$alert-danger-border: $state-danger-border !default; - - -//== Progress bars -// -//## - -//** Background color of the whole progress component -$progress-bg: #f5f5f5 !default; -//** Progress bar text color -$progress-bar-color: #fff !default; -//** Variable for setting rounded corners on progress bar. -$progress-border-radius: $border-radius-base !default; - -//** Default progress bar color -$progress-bar-bg: $brand-primary !default; -//** Success progress bar color -$progress-bar-success-bg: $brand-success !default; -//** Warning progress bar color -$progress-bar-warning-bg: $brand-warning !default; -//** Danger progress bar color -$progress-bar-danger-bg: $brand-danger !default; -//** Info progress bar color -$progress-bar-info-bg: $brand-info !default; - - -//== List group -// -//## - -//** Background color on `.list-group-item` -$list-group-bg: #fff !default; -//** `.list-group-item` border color -$list-group-border: #ddd !default; -//** List group border radius -$list-group-border-radius: $border-radius-base !default; - -//** Background color of single list items on hover -$list-group-hover-bg: #f5f5f5 !default; -//** Text color of active list items -$list-group-active-color: $component-active-color !default; -//** Background color of active list items -$list-group-active-bg: $component-active-bg !default; -//** Border color of active list elements -$list-group-active-border: $list-group-active-bg !default; -//** Text color for content within active list items -$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default; - -//** Text color of disabled list items -$list-group-disabled-color: $gray-light !default; -//** Background color of disabled list items -$list-group-disabled-bg: $gray-lighter !default; -//** Text color for content within disabled list items -$list-group-disabled-text-color: $list-group-disabled-color !default; - -$list-group-link-color: #555 !default; -$list-group-link-hover-color: $list-group-link-color !default; -$list-group-link-heading-color: #333 !default; - - -//== Panels -// -//## - -$panel-bg: #fff !default; -$panel-body-padding: 15px !default; -$panel-heading-padding: 10px 15px !default; -$panel-footer-padding: $panel-heading-padding !default; -$panel-border-radius: $border-radius-base !default; - -//** Border color for elements within panels -$panel-inner-border: #ddd !default; -$panel-footer-bg: #f5f5f5 !default; - -$panel-default-text: $gray-dark !default; -$panel-default-border: #ddd !default; -$panel-default-heading-bg: #f5f5f5 !default; - -$panel-primary-text: #fff !default; -$panel-primary-border: $brand-primary !default; -$panel-primary-heading-bg: $brand-primary !default; - -$panel-success-text: $state-success-text !default; -$panel-success-border: $state-success-border !default; -$panel-success-heading-bg: $state-success-bg !default; - -$panel-info-text: $state-info-text !default; -$panel-info-border: $state-info-border !default; -$panel-info-heading-bg: $state-info-bg !default; - -$panel-warning-text: $state-warning-text !default; -$panel-warning-border: $state-warning-border !default; -$panel-warning-heading-bg: $state-warning-bg !default; - -$panel-danger-text: $state-danger-text !default; -$panel-danger-border: $state-danger-border !default; -$panel-danger-heading-bg: $state-danger-bg !default; - - -//== Thumbnails -// -//## - -//** Padding around the thumbnail image -$thumbnail-padding: 4px !default; -//** Thumbnail background color -$thumbnail-bg: $body-bg !default; -//** Thumbnail border color -$thumbnail-border: #ddd !default; -//** Thumbnail border radius -$thumbnail-border-radius: $border-radius-base !default; - -//** Custom text color for thumbnail captions -$thumbnail-caption-color: $text-color !default; -//** Padding around the thumbnail caption -$thumbnail-caption-padding: 9px !default; - - -//== Wells -// -//## - -$well-bg: #f5f5f5 !default; -$well-border: darken($well-bg, 7%) !default; - - -//== Badges -// -//## - -$badge-color: #fff !default; -//** Linked badge text color on hover -$badge-link-hover-color: #fff !default; -$badge-bg: $gray-light !default; - -//** Badge text color in active nav link -$badge-active-color: $link-color !default; -//** Badge background color in active nav link -$badge-active-bg: #fff !default; - -$badge-font-weight: bold !default; -$badge-line-height: 1 !default; -$badge-border-radius: 10px !default; - - -//== Breadcrumbs -// -//## - -$breadcrumb-padding-vertical: 8px !default; -$breadcrumb-padding-horizontal: 15px !default; -//** Breadcrumb background color -$breadcrumb-bg: #f5f5f5 !default; -//** Breadcrumb text color -$breadcrumb-color: #ccc !default; -//** Text color of current page in the breadcrumb -$breadcrumb-active-color: $gray-light !default; -//** Textual separator for between breadcrumb elements -$breadcrumb-separator: "/" !default; - - -//== Carousel -// -//## - -$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default; - -$carousel-control-color: #fff !default; -$carousel-control-width: 15% !default; -$carousel-control-opacity: .5 !default; -$carousel-control-font-size: 20px !default; - -$carousel-indicator-active-bg: #fff !default; -$carousel-indicator-border-color: #fff !default; - -$carousel-caption-color: #fff !default; - - -//== Close -// -//## - -$close-font-weight: bold !default; -$close-color: #000 !default; -$close-text-shadow: 0 1px 0 #fff !default; - - -//== Code -// -//## - -$code-color: #c7254e !default; -$code-bg: #f9f2f4 !default; - -$kbd-color: #fff !default; -$kbd-bg: #333 !default; - -$pre-bg: #f5f5f5 !default; -$pre-color: $gray-dark !default; -$pre-border-color: #ccc !default; -$pre-scrollable-max-height: 340px !default; - - -//== Type -// -//## - -//** Horizontal offset for forms and lists. -$component-offset-horizontal: 180px !default; -//** Text muted color -$text-muted: $gray-light !default; -//** Abbreviations and acronyms border color -$abbr-border-color: $gray-light !default; -//** Headings small color -$headings-small-color: $gray-light !default; -//** Blockquote small color -$blockquote-small-color: $gray-light !default; -//** Blockquote font size -$blockquote-font-size: ($font-size-base * 1.25) !default; -//** Blockquote border color -$blockquote-border-color: $gray-lighter !default; -//** Page header border color -$page-header-border-color: $gray-lighter !default; -//** Width of horizontal description list titles -$dl-horizontal-offset: $component-offset-horizontal !default; -//** Point at which .dl-horizontal becomes horizontal -$dl-horizontal-breakpoint: $grid-float-breakpoint !default; -//** Horizontal line color. -$hr-border: $gray-lighter !default; diff --git a/templates/assets/sass/material-kit/_welljumbo.scss b/templates/assets/sass/material-kit/_welljumbo.scss deleted file mode 100755 index a28ff06..0000000 --- a/templates/assets/sass/material-kit/_welljumbo.scss +++ /dev/null @@ -1,28 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -body { - .container, - .container-fluid { - - .well.well-sm { - padding: 10px; - } - .well.well-lg { - padding: 26px; - } - .well, - .jumbotron { - - background-color: #fff; - padding: 19px; - margin-bottom: 20px; - @include shadow-z-2(); - border-radius: $border-radius-base; - border: 0; - p { - font-weight: 300; - } - @include variations(unquote(""), unquote(""), background-color, $white); - } - } -} diff --git a/templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss b/templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss deleted file mode 100644 index 75178e6..0000000 --- a/templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss +++ /dev/null @@ -1,220 +0,0 @@ -/*! - * Datepicker for Bootstrap - * - * Copyright 2012 Stefan Petre - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - */ - -/* - * - * SCSS by Creative Tim - * http://www.creative-tim.com - * - */ - -.datepicker { - top: 0; - left: 0; - padding: 4px; - margin-top: 1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - - > div { - display: none; - } - - table { - width: 100%; - margin: 0; - } - - td, - th { - text-align: center; - width: 20px; - height: 20px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - } - - td{ - text-align: center; - p{ - font-size: $font-size-h6; - font-weight: $font-weight-default; - border-radius: 50%; - height: 29px; - line-height: 29px; - margin: 3px 0 8px; - width: 29px; - } - :hover{ - cursor: pointer; - } - } - - th{ - font-weight: $font-weight-bold; - - &.switch-datepicker{ - font-size: $font-size-h6; - } - } - - .prev p, - .next p{ - font-size: $font-size-h3; - } - - p:hover{ - background: #eeeeee; - } - - .day.disabled { - color: #eeeeee; - } - - td.old, - td.new { - color: #999999; - border-top: 0; - } - - td.active p, - td.active:hover p{ - @include shadow-4dp(); - color: #ffffff; - background-color: $brand-primary; - } - - td.primary p, - td.primary:hover p{ - background-color: $brand-primary; - } - td.info p, - td.info:hover p{ - background-color: $brand-info; - } - td.success p, - td.success:hover p{ - background-color: $brand-success; - } - td.warning p, - td.warning:hover p{ - background-color: $brand-warning; - } - td.danger p, - td.danger:hover p{ - background-color: $brand-danger; - } - - span { - display: block; - width: 55px; - height: 54px; - line-height: 54px; - float: left; - margin: 2px; - cursor: pointer; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - - &.old { - color: #999999; - } - } - span{ - &.active{ - &, - &:focus, - &:hover, - &:active{ - background-color: $brand-primary; - @include shadow-4dp(); - } - } - - &.active{ - color: $white-color; - } - } - - span:hover { - background-color: #EEEEEE; - } - span.primary, - span.primary:hover{ - background-color: $brand-primary; - } - span.info, - span.info:hover{ - background-color: $brand-info; - } - span.success, - span.success:hover{ - background-color: $brand-success; - } - span.warning, - span.warning:hover{ - background-color: $brand-warning; - } - span.danger, - span.danger:hover{ - background-color: $brand-danger; - } - th.switch-datepicker { - width: 145px; - } - th.next, - th.prev { - font-size: 21px; - } - thead tr:first-child th { - cursor: pointer; - } - thead tr:first-child th:hover { - background: #eeeeee; - } - - &.dropdown-menu{ - border-radius: $border-radius-base; - @include shadow-big(); - @include transition($fast-transition-time, $transition-linear); - margin-top: -20px; - opacity: 0; - visibility: hidden; - } - - &.dropdown-menu.open{ - opacity: 1; - visibility: visible; - margin-top: 1px; - } - - .table-condensed > tbody > tr > td{ - padding: 2px; - } - - .table-condensed > thead > tr > th{ - padding: 0; - } -} - -.input-append.date .add-on i, -.input-prepend.date .add-on i { - display: block; - cursor: pointer; - width: 16px; - height: 16px; -} - -.datepicker-months thead{ - padding: 0 0 3px; - display: block; -} diff --git a/templates/assets/sass/material-kit/plugins/_plugin-dropdownjs.scss b/templates/assets/sass/material-kit/plugins/_plugin-dropdownjs.scss deleted file mode 100755 index b157472..0000000 --- a/templates/assets/sass/material-kit/plugins/_plugin-dropdownjs.scss +++ /dev/null @@ -1,17 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.dropdownjs::after { - right: 5px; - top: 3px; - font-size: 25px; - position: absolute; - - // bring in the material icon font and icon by code - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - content: "\e5c5"; // found here: https://github.com/google/material-design-icons/search?utf8=%E2%9C%93&q=arrow_drop_down - - pointer-events: none; - color: #757575; -} diff --git a/templates/assets/sass/material-kit/plugins/_plugin-nouislider.scss b/templates/assets/sass/material-kit/plugins/_plugin-nouislider.scss deleted file mode 100755 index 49204fa..0000000 --- a/templates/assets/sass/material-kit/plugins/_plugin-nouislider.scss +++ /dev/null @@ -1,161 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.noUi-target, -.noUi-target * { - -webkit-touch-callout: none; - -ms-touch-action: none; - user-select: none; - box-sizing: border-box; -} -.noUi-base { - width: 100%; - height: 100%; - position: relative; -} -.noUi-origin { - position: absolute; - right: 0; - top: 0; - left: 0; - bottom: 0; -} -.noUi-handle { - position: relative; - z-index: 1; - box-sizing: border-box; -} -.noUi-stacking .noUi-handle { - z-index: 10; -} -//.noUi-stacking + .noUi-origin { -// *z-index: -1; -//} WARNING: Property with star prefix found. Checks for the star property hack (targets IE6/7) (star-property-hack) Browsers: All -.noUi-state-tap .noUi-origin { - transition: left 0.3s, top 0.3s; -} -.noUi-state-drag * { - cursor: inherit !important; -} -.noUi-horizontal { - height: 10px; -} -.noUi-handle { - box-sizing: border-box; - width: 14px; - height: 14px; - left: -10px; - top: -6px; - cursor: pointer; - border-radius: 100%; - transition: all 0.2s ease-out; - border: 1px solid; - background: $white-color; - - @include shadow-2dp(); -} -.noUi-vertical .noUi-handle { - margin-left: 5px; - cursor: ns-resize; -} -.noUi-horizontal.noUi-extended { - padding: 0 15px; -} -.noUi-horizontal.noUi-extended .noUi-origin { - right: -15px; -} -.noUi-background { - height: 2px; - margin: 20px 0; -} -.noUi-origin { - margin: 0; - border-radius: 0; - height: 2px; - background: #c8c8c8; - &[style^="left: 0"] .noUi-handle { - background-color: #fff; - border: 2px solid #c8c8c8; - &.noUi-active { - border-width: 1px; - } - } -} -.noUi-target { - border-radius: $border-radius-base; -} -.noUi-horizontal { - height: 2px; - margin: 15px 0; -} -.noUi-vertical { - height: 100%; - width: 2px; - margin: 0 15px; - display: inline-block; -} -.noUi-handle.noUi-active { - transform: scale3d(2, 2, 1); -} -[disabled].noUi-slider{ - opacity: 0.5; -} -[disabled] .noUi-handle { - cursor: not-allowed; -} - -.slider { - background: #c8c8c8; -} - -.slider { - - &.noUi-connect{ - background-color: $brand-primary; - } - - .noUi-handle{ - border-color: $brand-primary; - } - - &.slider-info{ - & .noUi-connect, - &.noUi-connect{ - background-color: $brand-info; - } - - .noUi-handle{ - border-color: $brand-info; - } - } - &.slider-success{ - & .noUi-connect, - &.noUi-connect{ - background-color: $brand-success; - } - - .noUi-handle{ - border-color: $brand-success; - } - } - &.slider-warning{ - & .noUi-connect, - &.noUi-connect{ - background-color: $brand-warning; - } - - .noUi-handle{ - border-color: $brand-warning; - } - } - &.slider-danger{ - & .noUi-connect, - &.noUi-connect{ - background-color: $brand-danger; - } - - .noUi-handle{ - border-color: $brand-danger; - } - } - -} diff --git a/templates/assets/sass/material-kit/plugins/_plugin-selectize.scss b/templates/assets/sass/material-kit/plugins/_plugin-selectize.scss deleted file mode 100755 index bff381e..0000000 --- a/templates/assets/sass/material-kit/plugins/_plugin-selectize.scss +++ /dev/null @@ -1,93 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -// Support for Selectize plugin -// http://brianreavis.github.io/selectize.js/ - -.selectize-control.single, .selectize-control.multi { - padding: 0; - .selectize-input, .selectize-input.input-active { - - cursor: text; - background: transparent; - box-shadow: none; - border: 0; - padding: 0; - height: 100%; - font-size: 14px; - line-height: 30px; - .has-items { - padding: 0; - } - &:after { - right: 5px; - position: absolute; - font-size: 25px; - content: "\e5c5"; - font-family: 'Material Icons'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - input { - font-size: 14px; - outline: 0; - border: 0; - background: transparent; - } - &.label-floating-fix input { - opacity: 0; - } - > div, > .item { - display: inline-block; - margin: 0 8px 3px 0; - padding: 0; - background: transparent; - border: 0; - &:after { - content: ","; - } - &:last-of-type:after { - content: ""; - } - &.active { - font-weight: bold; - background: transparent; - border: 0; - } - } - } - .selectize-dropdown { - position: absolute; - z-index: 1000; - border: 0; - width: 100% !important; - left: 0 !important; - height: auto; - background-color: #FFF; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - border-radius: $border-radius-base; - padding: 0; - margin-top: 3px; - .active { - background-color: inherit; - } - .highlight { - background-color: #d5d8ff; - } - .selected, .selected.active { - background-color: #EEEEEE; - } - [data-selectable], .optgroup-header { - padding: 10px 20px; - cursor: pointer; - } - } - .dropdown-active ~ .selectize-dropdown { - display: block; - } -} diff --git a/templates/assets/sass/material-kit/plugins/_plugin-snackbarjs.scss b/templates/assets/sass/material-kit/plugins/_plugin-snackbarjs.scss deleted file mode 100755 index e8f5bad..0000000 --- a/templates/assets/sass/material-kit/plugins/_plugin-snackbarjs.scss +++ /dev/null @@ -1,34 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -// Support for SnackbarJS plugin -// https://github.com/FezVrasta/snackbarjs - -.snackbar { - // Style - background-color: #323232; - color: $mdb-text-color-light; - font-size: 14px; - border-radius: $border-radius-base; - @include shadow-z-1; - - // Animation - height: 0; - transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; - transform: translateY(200%); -} - -.snackbar.snackbar-opened { - // Style - padding: 14px 15px; - margin-bottom: 20px; - - // Animation - height: auto; - transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s; - transform: none; -} - -// Variations -.snackbar.toast { - border-radius: 200px; -} -- cgit v1.3.1