diff options
| author | Kapil Viren Ahuja <k.v.ahuja@gmail.com> | 2017-03-23 15:17:03 +0530 |
|---|---|---|
| committer | Kapil Viren Ahuja <k.v.ahuja@gmail.com> | 2017-03-23 15:17:03 +0530 |
| commit | 01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 (patch) | |
| tree | 3d14b60e737ecd6c3c516798cddf5ca52db24348 /templates/assets/sass | |
| parent | c9198259402c1d01ad8d943832c20069635963da (diff) | |
| download | minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.tar.gz minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.zip | |
adding the new theme
Diffstat (limited to 'templates/assets/sass')
64 files changed, 1511 insertions, 5492 deletions
diff --git a/templates/assets/sass/.DS_Store b/templates/assets/sass/.DS_Store Binary files differdeleted file mode 100644 index b61cdf9..0000000 --- a/templates/assets/sass/.DS_Store +++ /dev/null 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 Binary files differdeleted file mode 100644 index bc17f27..0000000 --- a/templates/assets/sass/material-kit/.DS_Store +++ /dev/null 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. `<select>` -// element gets special love because it's special, and that's a fact! - -// mixin pulled from bootstrap and altered for less/sass compatibility with sass parent hack. -// bootstrap-sass has this one, but we would have to then convert it back to less. chicken meet egg. -@mixin input-size($parent, $mdb-input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius){ - - #{$parent} { - height: $mdb-input-height; - padding: $padding-vertical $padding-horizontal; - font-size: $font-size; - line-height: $line-height; - border-radius: $border-radius; - } - - select#{$parent} { - height: $mdb-input-height; - line-height: $mdb-input-height; - } - - textarea#{$parent}, - select[multiple]#{$parent} { - height: auto; - } -} - - - -// Form control sizing -// -// Build on `.form-control` with modifier classes to decrease or increase the -// height and font-size of form controls. -// -// The `.form-group-* form-control` variations are sadly duplicated to avoid the -// issue documented in https://github.com/twbs/bootstrap/issues/15074. -.input-sm { - @include input-size(unquote(".input-sm"), $mdb-input-height-small, $mdb-input-padding-small-vertical, $mdb-input-padding-small-horizontal, $mdb-input-font-size-small, $mdb-input-line-height-small, $mdb-input-border-radius-small); -} -.form-group-sm { - .form-control { - height: $mdb-input-height-small; - padding: $mdb-input-padding-small-vertical $mdb-input-padding-small-horizontal; - font-size: $mdb-input-font-size-small; - line-height: $mdb-input-line-height-small; - } - select.form-control { - height: $mdb-input-height-small; - line-height: $mdb-input-height-small; - } - textarea.form-control, - select[multiple].form-control { - height: auto; - } - .form-control-static { - height: $mdb-input-height-small; - min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-small); - padding: ($mdb-input-padding-small-vertical + 1) $mdb-input-padding-small-horizontal; - font-size: $mdb-input-font-size-small; - line-height: $mdb-input-line-height-small; - } -} - -.input-lg { - @include input-size(unquote(".input-lg"), $mdb-input-height-large, $mdb-input-padding-large-vertical, $mdb-input-padding-large-horizontal, $mdb-input-font-size-large, $mdb-input-line-height-large, $mdb-input-border-radius-large); -} -.form-group-lg { - .form-control { - height: $mdb-input-height-large; - padding: $mdb-input-padding-large-vertical $mdb-input-padding-large-horizontal; - font-size: $mdb-input-font-size-large; - line-height: $mdb-input-line-height-large; - } - select.form-control { - height: $mdb-input-height-large; - line-height: $mdb-input-height-large; - } - textarea.form-control, - select[multiple].form-control { - height: auto; - } - .form-control-static { - height: $mdb-input-height-large; - min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-large); - padding: ($mdb-input-padding-large-vertical + 1) $mdb-input-padding-large-horizontal; - font-size: $mdb-input-font-size-large; - line-height: $mdb-input-line-height-large; - } -} - - -.form-horizontal { - - // Consistent vertical alignment of radios and checkboxes - // - // Labels also get some reset styles, but that is scoped to a media query below. - .radio, - .checkbox, - .radio-inline, - .checkbox-inline { - padding-top: ($mdb-input-padding-base-vertical + 1); // Default padding plus a border - } - // Account for padding we're adding to ensure the alignment and of help text - // and other content below items - .radio, - .checkbox { - min-height: ($mdb-input-line-height-computed + ($mdb-input-padding-base-vertical + 1)); - } - - // Reset spacing and right align labels, but scope to media queries so that - // labels on narrow viewports stack the same as a default form example. - @media (min-width: $screen-sm-min) { - .control-label { - padding-top: ($mdb-input-padding-base-vertical + 1); // Default padding plus a border - } - } - - - // Form group sizes - // - // Quick utility class for applying `.input-lg` and `.input-sm` styles to the - // inputs and labels within a `.form-group`. - .form-group-lg { - @media (min-width: $screen-sm-min) { - .control-label { - padding-top: (($mdb-input-padding-large-vertical * $mdb-input-line-height-large) + 1); - font-size: $mdb-input-font-size-large; - } - } - } - .form-group-sm { - @media (min-width: $screen-sm-min) { - .control-label { - padding-top: ($mdb-input-padding-small-vertical + 1); - font-size: $mdb-input-font-size-small; - } - } - } -} diff --git a/templates/assets/sass/material-kit/_inputs.scss b/templates/assets/sass/material-kit/_inputs.scss deleted file mode 100755 index d5b3769..0000000 --- a/templates/assets/sass/material-kit/_inputs.scss +++ /dev/null @@ -1,369 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -@import '_inputs-size'; - -// label variations -.label { - border-radius: $border-radius-small; - @include variations(unquote(".label"), unquote(""), background-color, $grey); -} - -// must be broken out for reuse - webkit selector breaks firefox -@mixin label-static($label-top, $static-font-size, $static-line-height){ - label.control-label { - top: $label-top; - left: 0; - // must repeat because the selector above is more specific than the general label sizing - font-size: $static-font-size; - line-height: $static-line-height; - } -} - -@mixin label-size-variant($placeholder-font-size, $vertical-padding, $line-height, $static-font-size, $static-line-height, $help-block-font-size){ - .form-control { - @include material-placeholder { - font-size: $placeholder-font-size; - line-height: $line-height; - color: $mdb-input-placeholder-color; - font-weight: 400; - -} - // margin-bottom must be specified to give help-block vertical space. - // $see also form-group padding-bottom (and size variants) re: collapsible margins. These work together. - margin-bottom: $vertical-padding; - } - - // generic labels used anywhere in the form (not control-label) - .checkbox label, - .radio label, - label { - font-size: $placeholder-font-size; - line-height: $line-height; - color: $mdb-input-placeholder-color; - font-weight: 400; - } - - // smaller focused or static size - label.control-label { - font-size: $static-font-size; - line-height: $static-line-height; - color: $mdb-input-placeholder-color; - font-weight: 400; - margin: 16px 0 0 0; // std and lg - } - - .help-block { - margin-top: 0; // allow the input margin to set-off the top of the help-block - font-size: $help-block-font-size; - } -} - -@mixin form-group-validation-state($name, $color){ - - &.#{$name} { // e.g. has-error - .form-control { - box-shadow: none; - } - &.is-focused .form-control { - background-image: linear-gradient($color, $color), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color); - } - label.control-label, - .help-block { - color: $color; - } - } -} - -@mixin form-group-size-variant($parent, $placeholder-font-size, $label-top-margin, $vertical-padding, $line-height, $label-as-placeholder-shim){ - $static-font-size: ceil(($mdb-label-static-size-ratio * $placeholder-font-size)) !default; - $static-line-height: ($mdb-label-static-size-ratio * $line-height) !default; - - $label-as-placeholder-top: -1 * ($vertical-padding + $label-as-placeholder-shim) !default; - $label-top: $label-as-placeholder-top - ($placeholder-font-size + $vertical-padding) !default; - - $help-block-font-size: ceil(($mdb-help-block-size-ratio * $placeholder-font-size)) !default; - $help-block-line-height: ($mdb-help-block-size-ratio * $line-height) !default; - - // this is outside a form-group - @if not $parent { - @include label-size-variant($placeholder-font-size, $vertical-padding, $line-height, $static-font-size, $static-line-height, $help-block-font-size); - } - - // this is inside a form-group, may be .form-group.form-group-sm or .form-group.form-group-lg - @else { - #{$parent} { - @include label-size-variant($placeholder-font-size, $vertical-padding, $line-height, $static-font-size, $static-line-height, $help-block-font-size); - - // form-group padding-bottom - // upon collapsing margins, the largest margin is honored which collapses the form-control margin-bottom, - // so the form-control margin-bottom must also be expressed as form-group padding - padding-bottom: $vertical-padding; - - // form-group margin-top must be large enough for the label and the label's top padding since label is absolutely positioned - margin: ($label-top-margin + $static-font-size) 0 0 0; - - // larger labels as placeholders - &.label-floating, - &.label-placeholder { - label.control-label { - top: $label-as-placeholder-top; // place the floating label to look like a placeholder with input padding - font-size: $placeholder-font-size; - line-height: $line-height; - } - } - - // static, focused, or autofill floating labels - &.label-static, - &.label-floating.is-focused, - &.label-floating:not(.is-empty) { - @include label-static($label-top, $static-font-size, $static-line-height); - } - // #559 Fix for webkit/chrome autofill - rule must be separate because it breaks firefox otherwise #731 - &.label-floating input.form-control:-webkit-autofill ~ label.control-label { - @include label-static($label-top, $static-font-size, $static-line-height); - } - } - } -} - -// ----- -// Inputs - -.form-control, -.form-group .form-control { - border: 0; - background-image: linear-gradient($brand-primary, $brand-primary), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color); - background-size: 0 2px, 100% 1px; - background-repeat: no-repeat; - background-position: center bottom, center calc(100% - 1px); - background-color: rgba(0, 0, 0, 0); - transition: background 0s ease-out; - float: none; - box-shadow: none; - border-radius: 0; - - font-weight: 400; - - // Placeholders and and labels-as-placeholders should look the same - @include material-placeholder { - color: $mdb-input-placeholder-color; - font-weight: 400; -} - - - //&:textarea { // appears to be an invalid selector - // height: 40px; - //} - - &[readonly], - &[disabled], - fieldset[disabled] & { - background-color: rgba(0, 0, 0, 0); - } - - &[disabled], - fieldset[disabled] & { - background-image: none; - border-bottom: 1px dotted $mdb-input-underline-color; - } -} - -// ----- -// Labels with form-group signalled state -// -// Reference http://www.google.com/design/spec/components/text-fields.html -// MDL implementation: http://www.getmdl.io/components/index.html#textfields-section -//.variations(unquote(" label.control-label"), color, $mdb-input-placeholder-color); // default label color variations - -.form-group { - position: relative; - - // ----- - // Labels with form-group signalled state - // - // Reference http://www.google.com/design/spec/components/text-fields.html - // MDL implementation: http://www.getmdl.io/components/index.html#textfields-section - &.label-static, - &.label-placeholder, - &.label-floating { - label.control-label { - position: absolute; - pointer-events: none; - transition: 0.3s ease all; - } - } - - // hint to browser for optimization - // TODO: evaluate effectiveness - looking for community feedback - &.label-floating label.control-label { - will-change: left, top, contents; - } - - // hide label-placeholders when the field is not empty - &.label-placeholder:not(.is-empty){ - label.control-label{ - display: none; - } - } - - // Help blocks - position: absolute approach - uses no vertical space, text wrapping - not so good. - .help-block { - position: absolute; // do not use position: absolute because width/wrapping isn't automatic and overflows occur - display: none; - } - - // form-group is-focused display - &.is-focused { - .form-control { - outline: none; - background-image: linear-gradient($brand-primary, $brand-primary), linear-gradient($mdb-input-underline-color, $mdb-input-underline-color); - background-size: 100% 2px, 100% 1px; - box-shadow: none; - transition-duration: 0.3s; - - .material-input:after { - background-color: $brand-primary; - } - } - - //.variations(unquote(".is-focused label.control-label"), color, $brand-primary); // focused label color variations - label, - label.control-label { - color: $brand-primary; - } - - //.variations(unquote(".is-focused.label-placeholder label.control-label"), color, $mdb-input-placeholder-color); // default label color variations - &.label-placeholder { - label, - label.control-label { - color: $mdb-input-placeholder-color; - } - } - - .help-block { - display: block; - } - } - - @include form-group-validation-state(has-warning, $brand-warning); - @include form-group-validation-state(has-error, $brand-danger); - @include form-group-validation-state(has-success, $brand-success); - @include form-group-validation-state(has-info, $brand-info); - - textarea { - resize: none; - & ~ .form-control-highlight { - margin-top: -11px; - } - } - - select { - appearance: none; // Fix for OS X - - & ~ .material-input:after { - display: none; - } - } -} - -// default floating size/location without a form-group (will skip form-group styles, and just render default sizing variation) -@include form-group-size-variant(null, $mdb-input-font-size-base, $mdb-label-top-margin-base, $mdb-input-padding-base-vertical, $mdb-input-line-height-base, $mdb-label-as-placeholder-shim-base); - -// default floating size/location with a form-group (need margin etc from a default form-group) -@include form-group-size-variant(unquote(".form-group"), $mdb-input-font-size-base, $mdb-label-top-margin-base, $mdb-input-padding-base-vertical, $mdb-input-line-height-base, $mdb-label-as-placeholder-shim-base); - -// sm floating size/location -@include form-group-size-variant(unquote(".form-group.form-group-sm"), $mdb-input-font-size-small, $mdb-label-top-margin-small, $mdb-input-padding-small-vertical, $mdb-input-line-height-small, $mdb-label-as-placeholder-shim-small); - -// lg floating size/location -@include form-group-size-variant(unquote(".form-group.form-group-lg"), $mdb-input-font-size-large, $mdb-label-top-margin-large, $mdb-input-padding-large-vertical, $mdb-input-line-height-large, $mdb-label-as-placeholder-shim-large); - - -select.form-control { - - border: 0; - box-shadow: none; - border-radius: 0; - - .form-group.is-focused & { - box-shadow: none; - border-color: $mdb-input-underline-color; - } - - &[multiple] { - &, - .form-group.is-focused & { - height: 85px; - } - } -} - -@mixin input-group-button-variation($vertical-padding){ - .input-group-btn { - .btn { - margin: 0 0 $vertical-padding 0; - } - } -} - -// ---------------- -// input group/addon related styles - -// default margin - no form-group required -@include input-group-button-variation($mdb-input-padding-base-vertical); - -.form-group { - //.form-control { - // float: none; - //} - - // sm margin - &.form-group-sm { - @include input-group-button-variation($mdb-input-padding-small-vertical); - } - - // lg margin - &.form-group-lg { - @include input-group-button-variation($mdb-input-padding-large-vertical); - } -} - -.input-group { // may be in or outside of form-group - .input-group-btn { - padding: 0 12px; // match addon spacing - } - - .input-group-addon { - border: 0; - background: transparent; - padding: 12px 15px 0px; - } -} - -// Input files - hide actual input - requires specific markup in the sample. -.form-group input[type=file] { - opacity: 0; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 100; -} - - -.form-control-feedback{ - opacity: 0; - - .has-success &{ - color: $green; - opacity: 1; - } - - .has-error &{ - color: $red; - opacity: 1; - } -} diff --git a/templates/assets/sass/material-kit/_labels.scss b/templates/assets/sass/material-kit/_labels.scss deleted file mode 100755 index 77ff1a2..0000000 --- a/templates/assets/sass/material-kit/_labels.scss +++ /dev/null @@ -1,10 +0,0 @@ -.label { - border-radius: $border-radius-huge; - padding: 5px 12px; - text-transform: uppercase; - font-size: 10px; - - &.label-default{ - background-color: $gray-light; - } -} diff --git a/templates/assets/sass/material-kit/_lists.scss b/templates/assets/sass/material-kit/_lists.scss deleted file mode 100755 index 88f4389..0000000 --- a/templates/assets/sass/material-kit/_lists.scss +++ /dev/null @@ -1,104 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.list-group { - border-radius: 0; - .list-group-item { - background-color: transparent; - overflow: hidden; - border: 0; - border-radius: 0; - padding: 0 16px; - &.baseline { - border-bottom: 1px solid #cecece; - &:last-child { - border-bottom: none; - } - } - .row-picture, .row-action-primary { - //float: left; WARNING: float can't be used with display: inline-block. Certain properties shouldn't be used with certain display property values. (display-property-grouping) Browsers: All - display: inline-block; - padding-right: 16px; - img, i, label { - display: block; - width: 56px; - height: 56px; - } - img { - background: rgba(0,0,0,0.1); - padding: 1px; - &.circle { - border-radius: 100%; - } - } - i { - background: rgba(0,0,0,0.25); - border-radius: 100%; - text-align: center; - line-height: 56px; - font-size: 20px; - color: white; - } - label { - margin-left: 7px; - margin-right: -7px; - margin-top: 5px; - margin-bottom: -5px; - .checkbox-material { - left: -10px; - } - } - } - .row-content { - display: inline-block; - width: unquote("calc(100% - 92px)"); - min-height: 66px; - .action-secondary { - position: absolute; - right: 16px; - top: 16px; - i { - font-size: 20px; - color: rgba(0,0,0,0.25); - cursor: pointer; - } - } - .action-secondary ~ * { - max-width: unquote("calc(100% - 30px)"); - } - .least-content { - position: absolute; - right: 16px; - top: 0; - color: rgba(0,0,0,0.54); - font-size: 14px; - } - } - .list-group-item-heading { - color: rgba(0, 0, 0, 0.77); - font-size: 20px; - line-height: 29px; - } - } - .list-group-item.active { - &:hover, &:focus { - background: rgba(0,0,0,.15); - outline: 10px solid rgba(0,0,0,.15); - } - .list-group-item-heading, .list-group-item-text { - color: $mdb-text-color-primary; - } - - } - .list-group-separator { - clear: both; - overflow: hidden; - margin-top: 10px; - margin-bottom: 10px; - &:before { - content: ""; - width: unquote("calc(100% - 90px)"); - border-bottom: 1px solid rgba(0,0,0,0.1); - float: right; - } - } -} diff --git a/templates/assets/sass/material-kit/_mixins.scss b/templates/assets/sass/material-kit/_mixins.scss deleted file mode 100755 index 61e17f5..0000000 --- a/templates/assets/sass/material-kit/_mixins.scss +++ /dev/null @@ -1,326 +0,0 @@ - - -// Placeholder text -@mixin material-placeholder() { - &::-moz-placeholder {@content; } // Firefox - &:-ms-input-placeholder {@content; } // Internet Explorer 10+ - &::-webkit-input-placeholder {@content; } // Safari and Chrome -} - - -// variations(unquote(""), background-color, #FFF); -@mixin variations($component, $selector-suffix, $mdb-param-1, $color-default) { - @include generic-variations($component, $selector-suffix, $color-default, "variations-content", $mdb-param-1); -} - -@mixin variations-content($args) { - //@debug "#{map-get($args, mixin-name)}{ #{map-get($args, material-param-1)}: #{map-get($args, variation-color)}; }"; - //@debug "#{inspect($args)}"; - //@error "break here"; - #{map-get($args, material-param-1)}: map-get($args, variation-color); -} - -@mixin background-variations($component, $selector-suffix, $color-default) { - @include generic-variations($component, $selector-suffix, $color-default, "background-variations-content", null); -} - -@mixin background-variations-content($args) { - background-color: map-get($args, variation-color); - @if (map-get($args, variation-color) == $mdb-btn-background-color) { - color: $mdb-text-color-primary; - } @else { - color: map-get($args, variation-color-text); - } -} - -//@mixin text-variations($component, $selector-suffix, $color-default) { -// @include generic-variations($component, $selector-suffix, $color-default, "text-variations-content", null); -//} -// -//@mixin text-variations-content($args) { -// color: map-get($args, variation-color); -//} - -@mixin button-variations($component, $selector-suffix, $color-default) { - @include generic-variations($component, $selector-suffix, $color-default, "button-variations-content", 4%); -} - -@mixin button-variations-content($args) { - //@debug "#{inspect($args)}"; - $variation-color: map-get($args, variation-color); - $mdb-param-1: map-get($args, material-param-1); - background-color: contrast-color($variation-color, - darken($variation-color, $mdb-param-1), - lighten($variation-color, $mdb-param-1)); -} - -// navbar-variations(" label input[type=checkbox]:checked + .toggle:active:after", $brand-primary -@mixin navbar-variations($component, $selector-suffix, $color-default) { - @include generic-variations($component, $selector-suffix, $color-default, "navbar-variations-content", null); -} - -@mixin navbar-variations-content($args){ - $variation-color: map-get($args, variation-color); - $variation-color-text: map-get($args, variation-color-text); - - background-color: $variation-color; - color: $variation-color-text; - // deeply defined to override welljumbo class without !impotant need - .navbar-form .form-group input.form-control, - .navbar-form input.form-control { - @include material-placeholder { - color: $variation-color-text; - } - } - .dropdown-menu { - border-radius: $border-radius-base !important; - li > a { - &:hover, - &:focus { - color: $white-color; - background-color: $variation-color; - } - } - - .active > a { - &:hover, - &:focus { - color: $variation-color-text; - } - background-color: $variation-color; - color: $variation-color-text; - } - } -} - -// alert-variations("", $brand-primary) -@mixin alert-variations($component, $selector-suffix, $color-default) { - @include generic-variations($component, $selector-suffix, $color-default, "alert-variations-content", null); -} - -@mixin alert-variations-content($args){ - $variation-color: map-get($args, variation-color); - $variation-color-text: map-get($args, variation-color-text); - - background-color: lighten($variation-color,3%); - color: $variation-color-text; - - a, .alert-link { - color: $variation-color-text; - } -} - -// interpolation of mixin-name is not allowed evidently, so we statically include based on the mixin-name given -@mixin call-variations-content-mixin($args) { - $mixin-name: map-get($args, mixin-name); - @if $mixin-name == variations-content { - @include variations-content($args); - } @else if $mixin-name == background-variations-content { - @include background-variations-content($args); - } @else if $mixin-name == text-variations-content { - @include text-variations-content($args); - } @else if $mixin-name == button-variations-content { - @include button-variations-content($args); - } @else if $mixin-name == bg-color-variations-content { - @include bg-color-variations-content($args); - } @else if $mixin-name == bg-box-shadow-variations-content { - @include bg-box-shadow-variations-content($args); - } @else if $mixin-name == bg-img-variations-content { - @include bg-img-variations-content($args); - } @else if $mixin-name == navbar-variations-content { - @include navbar-variations-content($args); - }@else if $mixin-name == alert-variations-content { - @include alert-variations-content($args); - } @else { - @error "Unknown mixin: #{$mixin-name}" - } -} - -// -// To use this mixin you should pass a function as final parameter to define -// the style. In that definition you can use the following variables to define it. -// -// $variation-color-name ---> "red", "green", "indigo" ... -// $variation-color-full-name ---> "red", "green-50", "indigo-400" ... -// $variation-color ---> #f44336, #e8f5e9, #5c6bc0 ... -// $variation-color-text ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ... -// - -@mixin generic-variations($component, $selector-suffix, $color-default, $mixin-name, $mdb-param-1) { - - //setup map to pass parameters (instead of the incredibly long-error-prone list for each and every @include) - $args: ( - //extra: $selector-suffix, - //default: $color-default, - mixin-name: $mixin-name, - material-param-1: $mdb-param-1 - ); - - // bootstrap styles - &#{$selector-suffix}, - &#{$component}-default#{$selector-suffix} { - - $args-extra: map-merge($args, ( - variation-color: $color-default, - variation-color-text: $mdb-text-color-light - )); - @include call-variations-content-mixin($args-extra); - } - &#{$component}-inverse#{$selector-suffix} { - $args-inverse: map-merge($args, ( - variation-color: $mdb-brand-inverse, - variation-color-text: contrast-color($mdb-brand-inverse, $mdb-text-color-primary-hex, $mdb-text-color-light-hex) - )); - @include call-variations-content-mixin($args-inverse); - } - &#{$component}-primary#{$selector-suffix} { - $args-primary: map-merge($args, ( - variation-color: $brand-primary, - variation-color-text: $mdb-text-color-light - )); - @include call-variations-content-mixin($args-primary); - } - &#{$component}-success#{$selector-suffix} { - $args-success: map-merge($args, ( - variation-color: $brand-success, - variation-color-text: $mdb-text-color-light - )); - @include call-variations-content-mixin($args-success); - } - &#{$component}-info#{$selector-suffix} { - $args-info: map-merge($args, ( - variation-color: $brand-info, - variation-color-text: $mdb-text-color-light - )); - @include call-variations-content-mixin($args-info); - } - &#{$component}-warning#{$selector-suffix} { - $args-warning: map-merge($args, ( - variation-color: $brand-warning, - variation-color-text: $mdb-text-color-light - )); - @include call-variations-content-mixin($args-warning); - } - &#{$component}-danger#{$selector-suffix} { - $args-danger: map-merge($args, ( - variation-color: $brand-danger, - variation-color-text: $mdb-text-color-light - )); - @include call-variations-content-mixin($args-danger); - } -} - -@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-scale3d($value){ - -webkit-transform: scale3d($value); - -moz-transform: scale3d($value); - -o-transform: scale3d($value); - -ms-transform: scale3d($value); - transform: scale3d($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-translate-y($value){ - -webkit-transform: translate3d(0,$value, 0); - -moz-transform: translate3d(0, $value, 0); - -o-transform: translate3d(0, $value, 0); - -ms-transform: translate3d(0, $value, 0); - transform: translate3d(0, $value, 0); -} - -@mixin transform-origin($coordinates){ - -webkit-transform-origin: $coordinates; - -moz-transform-origin: $coordinates; - -o-transform-origin: $coordinates; - -ms-transform-origin: $coordinates; - transform-origin: $coordinates; -} - -@mixin animation($value){ - -webkit-animation: $value; - -moz-animation: $value; - -o-animation: $value; - -ms-animation: $value; - animation: $value; -} - -// Mixins for buttons - -@mixin btn-styles($btn-color) { - - // remove this line if you want black shadows - @include shadow-2dp-color($btn-color); - - &, - &:hover, - &:focus, - &:active, - &.active, - &:active:focus, - &:active:hover, - &.active:focus, - &.active:hover, - .open > &.dropdown-toggle, - .open > &.dropdown-toggle:focus, - .open > &.dropdown-toggle:hover { - background-color: $btn-color; - color: $white-color; - } - - &:focus, - &:active, - &:hover{ - // remove this line if you want black shadows - @include button-shadow-color($btn-color); - } - - &.disabled, - &:disabled, - &[disabled], - fieldset[disabled] & { - &, - &:hover, - &:focus, - &.focus, - &:active, - &.active { - box-shadow: none; - } - } - - &.btn-simple{ - background-color: transparent; - color: $btn-color; - box-shadow: none; - - &:hover, - &:focus, - &:active{ - background-color: transparent; - color: $btn-color; - } - } - -} diff --git a/templates/assets/sass/material-kit/_navbar.scss b/templates/assets/sass/material-kit/_navbar.scss deleted file mode 100755 index aabc0a3..0000000 --- a/templates/assets/sass/material-kit/_navbar.scss +++ /dev/null @@ -1,287 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.navbar { -// background-color: $brand-primary; - border: 0; - border-radius: $border-radius-base; - @include shadow-big-navbar(); - - @extend .animation-transition-fast; - - padding: 10px 0; - - .navbar-brand { - position: relative; - height: 50px; - line-height: 30px; - color: inherit; - padding: 10px 15px; - - &:hover, - &:focus { - color: inherit; - background-color: transparent; - } - } - - .navbar-text { - color: inherit; - margin-top: 15px; - margin-bottom: 15px; - } - - .navbar-nav { - > li > a { - color: inherit; - padding-top: 15px; - padding-bottom: 15px; - - font-weight: $font-weight-default; - font-size: $mdb-btn-font-size-base; - text-transform: uppercase; - - border-radius: $border-radius-base; - - &:hover, - &:focus { - color: inherit; - background-color: transparent; - } - - - .material-icons, - .fa{ - font-size: 20px; - max-width: 20px; - } - - &:not(.btn-just-icon){ - .fa{ - position: relative; - top: 2px; - margin-top: -4px; - margin-right: 4px; - } - } - } - - > li > .dropdown-menu{ - margin-top: -20px; - } - - > li.open > .dropdown-menu{ - margin-top: 0; - } - - > .active > a { - &, - &:hover, - &:focus { - color: inherit; - background-color: rgba(255, 255, 255, 0.1); - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: inherit; - background-color: transparent; - opacity: 0.9; - } - } - } - - // Darken the responsive nav toggle - .navbar-toggle { - border: 0; - &:hover, - &:focus { - background-color: transparent; - } - .icon-bar { - background-color: inherit; - border: 1px solid; - } - } - - .navbar-default .navbar-toggle, - .navbar-inverse .navbar-toggle { - border-color: transparent; - } - - .navbar-collapse, - .navbar-form { - border-top: none; - box-shadow: none; - } - - // Dropdowns - .navbar-nav { - > .open > a { - &, - &:hover, - &:focus { - background-color: transparent; - color: inherit; - } - } - - @media (max-width: $grid-float-breakpoint-max) { - .navbar-text { - color: inherit; - margin-top: 15px; - margin-bottom: 15px; - } - - // Dropdowns get custom display - .open .dropdown-menu { - > .dropdown-header { - border: 0; - color: inherit; - } - .divider { - border-bottom: 1px solid; - opacity: 0.08; - } - > li > a { - color: inherit; - &:hover, - &:focus { - color: inherit; - background-color: transparent; - } - } - > .active > a { - &, - &:hover, - &:focus { - color: inherit; - background-color: transparent; - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: inherit; - background-color: transparent; - } - } - } - } - } - - &.navbar-default{ - .logo-container .brand{ - color: $gray; - } - } - - .navbar-link { - color: inherit; - &:hover { - color: inherit; - } - } - - .btn{ - margin-top: 0; - margin-bottom: 0; - } - .btn-link { - color: inherit; - &:hover, - &:focus { - color: inherit; - } - &[disabled], - fieldset[disabled] & { - &:hover, - &:focus { - color: inherit; - } - } - } - - .navbar-form { - margin: 4px 0 0; - .form-group { - margin: 0; - padding: 0; - - .material-input:before, - &.is-focused .material-input:after { - background-color: inherit; - } - } - - .form-group .form-control, - .form-control { - border-color: inherit; - color: inherit; - padding: 0; - margin: 0; - - // re-normalize inputs in a navbar the size of standard bootstrap since our normal inputs are larger by spec than bootstrap - //--- - //height: $mdb-input-height-base; - $bs-line-height-base: 1.428571429 !default; - $bs-line-height-computed: floor(($font-size-base * $bs-line-height-base)) !default; // ~20px - height: ($bs-line-height-computed + 8px); - font-size: $font-size-base; - line-height: $bs-line-height-base; - //--- - } - } - - // SASS conversion note: please mirror any content change in _mixins-shared.scss navbar-variations-content - @include navbar-variations(unquote(".navbar"), unquote(""), $brand-primary); - - - &-inverse { - background-color: $indigo; - } - - &.navbar-transparent{ - background-color: transparent; - box-shadow: none; - color: #fff; - padding-top: 25px; - - .logo-container .brand{ - color: $white-color; - } - } - &-fixed-top{ - border-radius: 0; - } - @media (max-width: $screen-md-max) { - - .navbar-brand { - height: 50px; - padding: 10px 15px; - } -/* - .navbar-form { - margin-top: 10px; - } -*/ - - .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - } - } - - .alert{ - border-radius: 0; - left: 0; - position: absolute; - right: 0; - top: 85px; - width: 100%; - z-index: 3; - transition: all 0.3s; - } -} diff --git a/templates/assets/sass/material-kit/_pagination.scss b/templates/assets/sass/material-kit/_pagination.scss deleted file mode 100644 index cd6451a..0000000 --- a/templates/assets/sass/material-kit/_pagination.scss +++ /dev/null @@ -1,91 +0,0 @@ -.pagination{ - > li > a, - > li > span{ - border: 0; - border-radius: 30px !important; - transition: all .3s; - padding: 0px 11px; - margin: 0 3px; - min-width: 30px; - height: 30px; - line-height: 30px; - color: $gray-color; - font-weight: $font-weight-default; - font-size: $mdb-btn-font-size-base; - text-transform: uppercase; - background: transparent; - - &:hover, - &:focus{ - color: $gray-color; - } - } - - > .active > a, - > .active > span{ - color: $gray-color; - - &, - &:focus, - &:hover{ - background-color: $brand-primary; - border-color: $brand-primary; - color: $white-color; - @include shadow-4dp-color($brand-primary); - } - - } - - // Colors - &.pagination-info{ - > .active > a, - > .active > span{ - &, - &:focus, - &:hover{ - background-color: $brand-info; - border-color: $brand-info; - @include shadow-4dp-color($brand-info); - } - } - } - - &.pagination-success{ - > .active > a, - > .active > span{ - &, - &:focus, - &:hover{ - background-color: $brand-success; - border-color: $brand-success; - @include shadow-4dp-color($brand-success); - } - } - } - - &.pagination-warning{ - > .active > a, - > .active > span{ - &, - &:focus, - &:hover{ - background-color: $brand-warning; - border-color: $brand-warning; - @include shadow-4dp-color($brand-warning); - } - } - } - - &.pagination-danger{ - > .active > a, - > .active > span{ - &, - &:focus, - &:hover{ - background-color: $brand-danger; - border-color: $brand-danger; - @include shadow-4dp-color($brand-danger); - } - } - } -} diff --git a/templates/assets/sass/material-kit/_panels.scss b/templates/assets/sass/material-kit/_panels.scss deleted file mode 100755 index d918110..0000000 --- a/templates/assets/sass/material-kit/_panels.scss +++ /dev/null @@ -1,23 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.panel { - border-radius: 2px; - border: 0; - - @include variations(unquote(".panel"), unquote(" > .panel-heading"), background-color, $grey-200); - @include shadow-z-1; -} - - -[class*="panel-"] > .panel-heading { - color: $mdb-text-color-light; - border: 0; -} -.panel-default, .panel:not([class*="panel-"]) { - > .panel-heading { - color: $mdb-text-color-primary; - } -} -.panel-footer { - background-color: $grey-200; -} diff --git a/templates/assets/sass/material-kit/_pills.scss b/templates/assets/sass/material-kit/_pills.scss deleted file mode 100644 index b267b82..0000000 --- a/templates/assets/sass/material-kit/_pills.scss +++ /dev/null @@ -1,91 +0,0 @@ -.nav-pills{ - - > li { - > a{ - line-height: $mdb-btn-font-size-base * 2; - text-transform: uppercase; - font-size: $mdb-btn-font-size-base; - font-weight: $font-weight-bold; - min-width: 100px; - text-align: center; - color: $gray; - transition: all .3s; - - &:hover{ - background-color: rgba(200, 200, 200, 0.2); - } - } - - i{ - display: block; - font-size: 30px; - padding: 15px 0; - } - - &.active > a{ - &, - &:focus, - &:hover{ - background-color: $brand-primary; - color: $white-color; - @include shadow-big-color($brand-primary); - } - } - - } - - &.nav-pills-info{ - > li { - &.active > a{ - &, - &:focus, - &:hover{ - background-color: $brand-info; - @include shadow-big-color($brand-info); - } - } - } - } - - &.nav-pills-success{ - > li { - &.active > a{ - &, - &:focus, - &:hover{ - background-color: $brand-success; - @include shadow-big-color($brand-success); - } - } - } - } - - &.nav-pills-warning{ - > li { - &.active > a{ - &, - &:focus, - &:hover{ - background-color: $brand-warning; - @include shadow-big-color($brand-warning); - } - } - } - } - - &.nav-pills-danger{ - > li { - &.active > a{ - &, - &:focus, - &:hover{ - background-color: $brand-danger; - @include shadow-big-color($brand-danger); - } - } - } - } -} -.tab-space{ - padding: 20px 0 50px 0px; -} diff --git a/templates/assets/sass/material-kit/_popups.scss b/templates/assets/sass/material-kit/_popups.scss deleted file mode 100755 index c41cf26..0000000 --- a/templates/assets/sass/material-kit/_popups.scss +++ /dev/null @@ -1,72 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.popover, .tooltip-inner { - color: $gray; - line-height: 1.5em; - background: $white-color; - border: none; - border-radius: $border-radius-base; - @include shadow-8dp(); -} - -.popover{ - padding: 0; - @include shadow-16dp(); - - &.left, - &.right, - &.top, - &.bottom{ - > .arrow{ - border: none; - } - } -} - -.popover-title{ - background-color: $white-color; - border: none; - padding: 15px 15px 5px; - font-size: $font-size-h4; -} - -.popover-content{ - padding: 10px 15px 15px; - line-height: 1.4; -} - -.tooltip.in{ - opacity: 1; - @include transform-translate-y(0px); -} -.tooltip{ - opacity: 0; - transition: opacity, transform .2s ease; - @include transform-translate-y(5px); - - &.left{ - .tooltip-arrow{ - border-left-color: $white-color; - } - } - &.right{ - .tooltip-arrow{ - border-right-color: $white-color; - } - } - &.top{ - .tooltip-arrow{ - border-top-color: $white-color; - } - } - &.bottom{ - .tooltip-arrow{ - border-bottom-color: $white-color; - } - } -} - -.tooltip-inner{ - padding: 10px 15px; - min-width: 130px; -} diff --git a/templates/assets/sass/material-kit/_progress.scss b/templates/assets/sass/material-kit/_progress.scss deleted file mode 100755 index a22364f..0000000 --- a/templates/assets/sass/material-kit/_progress.scss +++ /dev/null @@ -1,28 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.progress { - height: 4px; - border-radius: 0; - box-shadow: none; - background: #DDDDDD; - .progress-bar { - box-shadow: none; - @include variations(unquote(".progress-bar"), unquote(""), background-color, $brand-primary); - } - - &.progress-line-primary{ - background: rgba($brand-primary,.2); - } - &.progress-line-info{ - background: rgba($brand-info,.2); - } - &.progress-line-success{ - background: rgba($brand-success,.2); - } - &.progress-line-warning{ - background: rgba($brand-warning,.2); - } - &.progress-line-danger{ - background: rgba($brand-danger,.2); - } -} diff --git a/templates/assets/sass/material-kit/_radios.scss b/templates/assets/sass/material-kit/_radios.scss deleted file mode 100755 index 5640109..0000000 --- a/templates/assets/sass/material-kit/_radios.scss +++ /dev/null @@ -1,114 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -@mixin radio-color($color, $opacity){ - & ~ .check, - & ~ .circle { - opacity: $opacity; - } - - & ~ .check { - background-color: $color; - } - - & ~ .circle { - border-color: $color; - } -} - -.radio { - label { - cursor: pointer; - padding-left: 35px; - position: relative; - color: $mdb-radio-label-color; - @include mdb-label-color-toggle-focus(); - - span { - display: block; - position: absolute; - left: 10px; - top: 2px; - transition-duration: 0.2s; - } - .circle { - border: 1px solid $mdb-radio-color-off; - height: 15px; - width: 15px; - border-radius: 100%; - } - .check { - height: 15px; - width: 15px; - border-radius: 100%; - background-color: $mdb-radio-color-on; - @include transform-scale3d(unquote('0,0,0')); - } - .check:after { - display: block; - position: absolute; - content: ""; - background-color: $mdb-text-color-primary; - left: -18px; - top: -18px; - height: 50px; - width: 50px; - border-radius: 100%; - z-index: 1; - opacity: 0; - margin: 0; - @include transform-scale3d(unquote('1.5,1.5,1')); - } - input[type=radio]:not(:checked) ~ .check:after { - @include animation(rippleOff 500ms); - } - input[type=radio]:checked ~ .check:after { - @include animation(rippleOff 500ms); - } - - } - - input[type=radio] { - opacity: 0; - height: 0; - width: 0; - overflow: hidden; - - &:checked { - @include radio-color($mdb-radio-color-on, 1); - } - &:checked ~ .check { - @include transform-scale3d(unquote('0.65, 0.65, 1')); - } - } - - input[type=radio][disabled] { - - // light theme spec: Disabled: #000000, Opacity 26% - @include radio-color($black, 0.26); - - } -} - -@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/_ripples.scss b/templates/assets/sass/material-kit/_ripples.scss deleted file mode 100755 index ffe753e..0000000 --- a/templates/assets/sass/material-kit/_ripples.scss +++ /dev/null @@ -1,36 +0,0 @@ -.withripple { - position: relative; -} -.ripple-container { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - overflow: hidden; - border-radius: inherit; - pointer-events: none; -} -.ripple { - position: absolute; - width: 20px; - height: 20px; - margin-left: -10px; - margin-top: -10px; - border-radius: 100%; - background-color: #000; // fallback color - background-color: rgba(0,0,0,0.05); - transform: scale(1); - transform-origin: 50%; - opacity: 0; - pointer-events: none; -} -.ripple.ripple-on { - transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; - opacity: 0.1; -} -.ripple.ripple-out { - transition: opacity 0.1s linear 0s !important; - opacity: 0; -} diff --git a/templates/assets/sass/material-kit/_sections.scss b/templates/assets/sass/material-kit/_sections.scss deleted file mode 100644 index 7c2dbc2..0000000 --- a/templates/assets/sass/material-kit/_sections.scss +++ /dev/null @@ -1,13 +0,0 @@ -.section{ - padding: 70px 0; -} -.section-navbars{ - padding-bottom: 0; -} - -.section-full-screen{ - height: 100vh; -} -.section-signup{ - padding-top: 20vh; -} diff --git a/templates/assets/sass/material-kit/_shadows.scss b/templates/assets/sass/material-kit/_shadows.scss deleted file mode 100755 index 755d427..0000000 --- a/templates/assets/sass/material-kit/_shadows.scss +++ /dev/null @@ -1,138 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -@mixin shadow-z-1(){ - box-shadow: - 0 1px 6px 0 rgba(0, 0, 0, 0.12), - 0 1px 6px 0 rgba(0, 0, 0, 0.12); -} - -@mixin shadow-z-1-hover(){ - box-shadow: - 0 5px 11px 0 rgba(0, 0, 0, 0.18), - 0 4px 15px 0 rgba(0, 0, 0, 0.15); -} - -@mixin shadow-z-2(){ - box-shadow: - 0 8px 17px 0 rgba(0, 0, 0, 0.2), - 0 6px 20px 0 rgba(0, 0, 0, 0.19); -} - -@mixin shadow-z-3(){ - box-shadow: - 0 12px 15px 0 rgba(0, 0, 0, 0.24), - 0 17px 50px 0 rgba(0, 0, 0, 0.19); -} - -@mixin shadow-z-4(){ - box-shadow: - 0 16px 28px 0 rgba(0, 0, 0, 0.22), - 0 25px 55px 0 rgba(0, 0, 0, 0.21); -} - -@mixin shadow-z-5(){ - box-shadow: - 0 27px 24px 0 rgba(0, 0, 0, 0.2), - 0 40px 77px 0 rgba(0, 0, 0, 0.22); -} - - -/* Shadows (from mdl http://www.getmdl.io/) */ - -// Focus shadow mixin. -@mixin big-shadow(){ - box-shadow: 0 0 8px rgba(0, 0, 0,.18), - 0 8px 16px rgba(0, 0, 0,.36); -} - -@mixin button-shadow-color($color){ - box-shadow: 0 14px 26px -12px rgba($color, $mdb-shadow-key-penumbra-opacity * 3), - 0 4px 23px 0px rgba(0,0,0, $mdb-shadow-ambient-shadow-opacity), - 0 8px 10px -5px rgba($color, $mdb-shadow-key-umbra-opacity); -} - -@mixin shadow-2dp(){ - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity), - 0 3px 1px -2px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity), - 0 1px 5px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity); -} -@mixin shadow-2dp-color($color){ - box-shadow: 0 2px 2px 0 rgba($color, $mdb-shadow-key-penumbra-opacity), - 0 3px 1px -2px rgba($color, $mdb-shadow-key-umbra-opacity), - 0 1px 5px 0 rgba($color, $mdb-shadow-ambient-shadow-opacity); -} - -@mixin shadow-3dp(){ - box-shadow: 0 3px 4px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity), - 0 3px 3px -2px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity), - 0 1px 8px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity); -} -@mixin shadow-4dp(){ - box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity), - 0 1px 10px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 2px 4px -1px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity); -} -@mixin shadow-4dp-color($color){ - box-shadow: 0 4px 5px 0 rgba($color, $mdb-shadow-key-penumbra-opacity), - 0 1px 10px 0 rgba($color, $mdb-shadow-ambient-shadow-opacity), - 0 2px 4px -1px rgba($color, $mdb-shadow-key-umbra-opacity); -} -@mixin shadow-6dp(){ - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity), - 0 1px 18px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 3px 5px -1px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity); -} -@mixin shadow-8dp(){ - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity), - 0 3px 14px 2px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 5px 5px -3px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity); -} -@mixin shadow-8dp-color($color){ - box-shadow: 0 8px 10px 1px rgba($color, $mdb-shadow-key-penumbra-opacity), - 0 3px 14px 2px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 5px 5px -3px rgba($color, $mdb-shadow-key-umbra-opacity); -} - -@mixin shadow-16dp(){ - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity), - 0 6px 30px 5px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 8px 10px -5px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity); -} - -@mixin shadow-16dp-color($color){ - box-shadow: 0 16px 24px 2px rgba($color, $mdb-shadow-key-penumbra-opacity), - 0 6px 30px 5px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 8px 10px -5px rgba($color, $mdb-shadow-key-umbra-opacity); -} - -@mixin shadow-24dp(){ - box-shadow: 0 9px 46px 8px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity), - 0 11px 15px -7px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 24px 38px 3px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity); -} - -@mixin shadow-big(){ - box-shadow: 0 16px 38px -12px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity * 4), - 0 4px 25px 0px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 8px 10px -5px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity); -} - -@mixin shadow-big-navbar(){ - box-shadow: 0 10px 20px -12px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity * 3), - 0 3px 20px 0px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity), - 0 8px 10px -5px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity); -} - -@mixin shadow-big-color($color){ - box-shadow: 0 16px 26px -10px rgba($color, $mdb-shadow-key-penumbra-opacity * 4), - 0 4px 25px 0px rgba(0,0,0, $mdb-shadow-ambient-shadow-opacity), - 0 8px 10px -5px rgba($color, $mdb-shadow-key-umbra-opacity); - -} - -// shadow backup for Sketch/Photoshop -// @mixin shadow-big-color($color){ -// box-shadow: 0 16px 38px -12px rgba($color, $mdb-shadow-key-penumbra-opacity * 4), -// 0 4px 25px 0px rgba($color, $mdb-shadow-ambient-shadow-opacity), -// 0 8px 10px -5px rgba($color, $mdb-shadow-key-umbra-opacity); -// } diff --git a/templates/assets/sass/material-kit/_tabs.scss b/templates/assets/sass/material-kit/_tabs.scss deleted file mode 100755 index 2d1e460..0000000 --- a/templates/assets/sass/material-kit/_tabs.scss +++ /dev/null @@ -1,53 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.nav-tabs { - background: $brand-primary; - border: 0; - border-radius: $border-radius-base; - padding: 0 $padding-base; - - > li { - > a { - color: #FFFFFF; - border: 0; - margin: 0; - - border-radius: $border-radius-base; - - line-height: $mdb-btn-font-size-base * 2; - text-transform: uppercase; - font-size: $mdb-btn-font-size-base; - - &:hover { - background-color: transparent; - border: 0; - } - } - & > a, - & > a:hover, - & > a:focus { - background-color: transparent; - border: 0 !important; - color: #FFFFFF !important; - font-weight: $font-weight-bold; - } - &.disabled > a, - &.disabled > a:hover { - color: rgba(255,255,255,0.5); - } - - .material-icons{ - margin: -1px 5px 0 0; - } - } - - >li.active{ - & > a, - & > a:hover, - & > a:focus { - background-color: rgba(255,255,255, .2); - transition: background-color .1s .2s; - } - } - -} diff --git a/templates/assets/sass/material-kit/_togglebutton.scss b/templates/assets/sass/material-kit/_togglebutton.scss deleted file mode 100755 index 9e67690..0000000 --- a/templates/assets/sass/material-kit/_togglebutton.scss +++ /dev/null @@ -1,87 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.togglebutton { - vertical-align: middle; - &, label, input, .toggle { - user-select: none; - } - label { - cursor: pointer; - color: $mdb-toggle-label-color; - @include mdb-label-color-toggle-focus(); - - // Hide original checkbox - input[type=checkbox] { - opacity: 0; - width: 0; - height: 0; - } - - .toggle { - text-align: left; // Issue #737 horizontal form - margin-left: 5px; - } - // Switch bg off and disabled - .toggle, - input[type=checkbox][disabled] + .toggle { - content: ""; - display: inline-block; - width: 30px; - height: 15px; - background-color: rgba(80, 80, 80, 0.7); - border-radius: 15px; - margin-right: 15px; - transition: background 0.3s ease; - vertical-align: middle; - } - // Handle off - .toggle:after { - content: ""; - display: inline-block; - width: 20px; - height: 20px; - background-color: #FFFFFF; - border-radius: 20px; - position: relative; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); - left: -5px; - top: -3px; - border: 1px solid $mdb-checkbox-border-color; - transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; - } - input[type=checkbox] { - // Handle disabled - &[disabled] { - & + .toggle:after, - &:checked + .toggle:after { - background-color: #BDBDBD; - } - } - - & + .toggle:active:after, - &[disabled] + .toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); - } - - // Ripple off and disabled - &:checked + .toggle:after { - left: 15px; - } - } - - // set bg when checked - input[type=checkbox]:checked { - + .toggle { - background-color: rgba($brand-primary, (70/100)); // Switch bg on - } - - + .toggle:after { - border-color: $brand-primary; // Handle on - } - - + .toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba($brand-primary, (10/100)); // Ripple on - } - } - } -} diff --git a/templates/assets/sass/material-kit/_typography.scss b/templates/assets/sass/material-kit/_typography.scss deleted file mode 100755 index 9e97040..0000000 --- a/templates/assets/sass/material-kit/_typography.scss +++ /dev/null @@ -1,66 +0,0 @@ -h1, .h1 { - font-size: $font-size-h1; - line-height: 1.15em; -} -h2, .h2{ - font-size: $font-size-h2; -} -h3, .h3{ - font-size: $font-size-h3; - line-height: 1.4em; - margin: 20px 0 10px; -} -h4, .h4{ - font-size: $font-size-h4; - line-height: 1.4em; -} -h5, .h5 { - font-size: $font-size-h5; - line-height: 1.4em; - margin-bottom: 15px; -} -h6, .h6{ - font-size: $font-size-h6; - text-transform: uppercase; -} - -.title, -.card-title, -.info-title, -.footer-brand, -.footer-big h5, -.footer-big h4, -.media .media-heading{ - font-weight: $font-weight-extra-bold; - &, - a{ - color: $black-color; - text-decoration: none; - } -} - -h2.title{ - margin-bottom: $margin-base * 2; -} - -.description, -.card-description, -.footer-big p{ - color: $gray-light; -} - -.text-warning { - color: $brand-warning; -} -.text-primary { - color: $brand-primary; -} -.text-danger { - color: $brand-danger; -} -.text-success { - color: $brand-success; -} -.text-info { - color: $brand-info; -} diff --git a/templates/assets/sass/material-kit/_variables.scss b/templates/assets/sass/material-kit/_variables.scss deleted file mode 100755 index 158c2f4..0000000 --- a/templates/assets/sass/material-kit/_variables.scss +++ /dev/null @@ -1,198 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -@import '_colors'; - -// Typography elements -$mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default; -$mdb-text-color-light: $white !default; -$mdb-text-color-light-hex: $white !default; // for contrast function in inverse -$mdb-text-color-primary: unquote("rgba(#{$rgb-black}, 0.87)") !default; -$mdb-text-color-primary-hex: $black !default; // for contrast function in inverse -$icon-color: rgba(0,0,0,0.5) !default; - - -$mdb-label-color: unquote("rgba(#{$rgb-black}, 0.26)") !default; -$mdb-label-color-toggle-focus: unquote("rgba(#{$rgb-black}, .54)") !default; - - -//--- -// Converted bs variables - -// Bootstrap brand color customization -$white-color: #FFFFFF !default; - -$gray-color: #999999 !default; - -$brand-primary: $purple !default; -$brand-success: $green !default; -$brand-danger: $red !default; -$brand-warning: $yellow !default; -$brand-info: $light-blue !default; -$brand-rose: $pink !default; - -$border-radius-base: 3px !default; -$border-radius-small: 2px !default; -$border-radius-huge: 10px !default; -$border-radius-extreme: 30px !default; - -// Typography -$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default; -$headings-font-weight: 300 !default; - -$font-weight-light: 300 !default; -$font-weight-default: 400 !default; -$font-weight-bold: 500 !default; -$font-weight-extra-bold: 700 !default; -$font-weight-ultra-bold: 900 !default; - -$body-bg: #EEEEEE !default; -//--- - -// import bs variables for sass, first declared wins. -@import 'variables_bootstrap'; - -// Bootstrap Material Design variables start with mdb- -$mdb-brand-inverse: $indigo !default; - - -/* ANIMATION */ -$mdb-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default; -$mdb-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default; -$mdb-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default; -$mdb-animation-curve-default: $mdb-animation-curve-fast-out-slow-in !default; - - -//--- -// FIXME: Similar but not quite the same as Bootstrap variables -// FIXME: these need to either a) be converted to $mdb- or b) converted to bs variables -$contrast-factor: 40% !default; -//--- - - - - -// -------------------- -// inputs -$mdb-input-placeholder-color: #AAAAAA !default; -$mdb-input-underline-color: #D2D2D2 !default; -$mdb-label-static-size-ratio: 75 / 100 !default; -$mdb-help-block-size-ratio: 75 / 100 !default; - -$mdb-input-font-size-base: 14px !default; -$mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px -$mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px - -// FIXME: with #733 customization of bootstrap, consider how these could be based on the original bs customized variables -//** Unit-less `line-height` for use in components like buttons. - -$mdb-input-line-height-base: $line-height-base; //1.428571429 !default; // 20/14 -//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. -$mdb-input-line-height-computed: floor(($mdb-input-font-size-base * $mdb-input-line-height-base)) !default; // ~20px -$mdb-input-line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome -$mdb-input-line-height-small: 1.5 !default; - -//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). -$mdb-input-padding-base-vertical: 8px - 1px !default; // was 6. -$mdb-input-padding-base-horizontal: 0 !default; // was 12. -$mdb-label-as-placeholder-shim-base: 0 !default; // manual adjustment of label top when positioned as placeholder -$mdb-label-top-margin-base: 16px !default; - -$mdb-input-padding-large-vertical: 10px - 1px !default; // 10 -$mdb-input-padding-large-horizontal: 0 !default; // 16 -$mdb-label-as-placeholder-shim-large: -4px !default; // manual adjustment of label top when positioned as placeholder -$mdb-label-top-margin-large: 16px !default; - -$mdb-input-padding-small-vertical: 4px - 1px !default; // 5 -$mdb-input-padding-small-horizontal: 0 !default; // 10 -$mdb-label-as-placeholder-shim-small: 8px !default; // manual adjustment of label top when positioned as placeholder -$mdb-label-top-margin-small: 12px !default; - -$mdb-input-padding-xs-vertical: 2px !default; // 1 -$mdb-input-padding-xs-horizontal: 0 !default; // 5 - -$mdb-input-border-radius-base: 0 !default; -$mdb-input-border-radius-large: 0 !default; -$mdb-input-border-radius-small: 0 !default; - - -//** Default `.form-control` height -$mdb-input-height-base: ($mdb-input-line-height-computed + ($mdb-input-padding-base-vertical * 2) + 2) !default; -//** Large `.form-control` height -$mdb-input-height-large: (ceil($mdb-input-font-size-large * $mdb-input-line-height-large) + ($mdb-input-padding-large-vertical * 2) + 2) !default; -//** Small `.form-control` height -$mdb-input-height-small: (floor($mdb-input-font-size-small * $mdb-input-line-height-small) + ($mdb-input-padding-small-vertical * 2) + 2) !default; - - - - -// Card -$mdb-card-body-text: $mdb-text-color-primary !default; -$mdb-card-body-background: #fff !default; -$mdb-card-image-headline: #fff !default; - -$text-disabled: #a8a8a8 !default; -$background-disabled: #eaeaea !default; - -// Checkboxes -$mdb-checkbox-size: 20px !default; -$mdb-checkbox-animation-ripple: 500ms !default; -$mdb-checkbox-animation-check: 0.3s !default; -$mdb-checkbox-checked-color: $brand-primary !default; - -$mdb-checkbox-label-color: $mdb-label-color !default; -$mdb-checkbox-border-color: $mdb-label-color-toggle-focus !default; -$checkbox-transform-scale: 2.3, 2.3, 1 !default; - -// Popovers and Popups -$mdb-popover-background: rgba(101, 101, 101, 0.9) !default; -$mdb-popover-color: #ececec !default; - -// Dropdown Menu -$mdb-dropdown-font-size: 13px !default; - -// Toggle -$mdb-toggle-label-color: $mdb-label-color !default; - -// Radio: -$mdb-radio-label-color: $mdb-label-color !default; -$mdb-radio-color-off: $mdb-label-color-toggle-focus !default; -$mdb-radio-color-on: $brand-primary !default; - -// Buttons: -$mdb-btn-font-size-base: 12px !default; -$mdb-btn-font-size-lg: 14px !default; -$mdb-btn-font-size-sm: 11px !default; -$mdb-btn-font-size-xs: 10px !default; - - -$mdb-btn-background-color: $body-bg; //transparent !default; -$mdb-btn-background-color-text: $mdb-text-color-primary !default; - - -$mdl-btn-border-radus: 2px !default; -//$mdb-btn-primary-color: unquote("rgba(#{$rgb-grey-500}, 0.20)") !default; - -$mdb-btn-fab-size: 56px !default; -$mdb-btn-fab-size-mini: 40px !default; -$mdb-btn-fab-font-size: 24px !default; - -$mdb-btn-icon-size: 32px !default; -$mdb-btn-icon-size-mini: 17px !default; - -/* SHADOWS */ -$mdb-shadow-key-umbra-opacity: 0.2 !default; -$mdb-shadow-key-penumbra-opacity: 0.14 !default; -$mdb-shadow-ambient-shadow-opacity: 0.12 !default; - - -$fancy-shadow: 0 13px 39px -10px rgba(0, 0, 0, 0.65), 0 1px 25px 0px rgba(0, 0, 0, 0.15); - - -$general-transition-time: 300ms !default; - -$slow-transition-time: 370ms !default; -$fast-transition-time: 150ms !default; - -$transition-linear: linear !default; -$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default; -$transition-ease: ease 0s; diff --git a/templates/assets/sass/material-kit/_variables_bootstrap.scss b/templates/assets/sass/material-kit/_variables_bootstrap.scss deleted file mode 100644 index b9969c3..0000000 --- a/templates/assets/sass/material-kit/_variables_bootstrap.scss +++ /dev/null @@ -1,882 +0,0 @@ -$bootstrap-sass-asset-helper: false !default; -// -// Variables -// -------------------------------------------------- - - -//== Colors -// -//## Gray and brand colors for use across Bootstrap. - -$gray-base: #000 !default; -$gray-darker: lighten($gray-base, 13.5%) !default; // #222 -$gray-dark: lighten($gray-base, 20%) !default; // #333 -$gray: lighten($gray-base, 33.5%) !default; // #555 -$gray-light: #999999 !default; // #999999 -$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee - -$brand-primary: darken(#428bca, 6.5%) !default; // #337ab7 -$brand-success: #5cb85c !default; -$brand-info: #5bc0de !default; -$brand-warning: #f0ad4e !default; -$brand-danger: #d9534f !default; - -$black-color: #3C4858 !default; - - -//== Scaffolding -// -//## Settings for some of the most global styles. - -//** Background color for `<body>`. -$body-bg: #fff !default; -//** Global text color on `<body>`. -$text-color: $gray-dark !default; - -//** Global textual link color. -$link-color: $brand-primary !default; -//** Link hover color set via `darken()` function. -$link-hover-color: darken($link-color, 15%) !default; -//** Link hover decoration. -$link-hover-decoration: underline !default; - - -//== Typography -// -//## Font, line-height, and color for body text, headings, and more. - -$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default; -$font-family-serif: Georgia, "Times New Roman", Times, serif !default; -//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. -$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; -$font-family-base: $font-family-sans-serif !default; - -$font-size-base: 14px !default; -$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px -$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px - -$font-size-h1: 3.8em !default; -$font-size-h2: 2.6em !default; -$font-size-h3: 1.825em !default; -$font-size-h4: 1.3em !default; -$font-size-h5: 1.25em !default; -$font-size-h6: 1em !default; -$font-paragraph: 16px !default; -$font-size-navbar: 16px !default; -$font-size-small: 12px !default; - -//** Unit-less `line-height` for use in components like buttons. -$line-height-base: 1.428571429 !default; // 20/14 -//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. -$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px - -//** By default, this inherits from the `<body>`. -$headings-font-family: inherit !default; -$headings-font-weight: 500 !default; -$headings-line-height: 1.1 !default; -$headings-color: inherit !default; - - -//== Iconography -// -//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. - -//** Load fonts from this directory. - -// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path. -// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths. -$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; - -//** File name for all font files. -$icon-font-name: "glyphicons-halflings-regular" !default; -//** Element ID within SVG icon file. -$icon-font-svg-id: "glyphicons_halflingsregular" !default; - - -//== Components -// -//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). - -$padding-base: 15px !default; -$margin-base: 15px !default; - -$padding-base-vertical: 6px !default; -$padding-base-horizontal: 12px !default; - -$padding-large-vertical: 10px !default; -$padding-large-horizontal: 16px !default; - -$padding-small-vertical: 5px !default; -$padding-small-horizontal: 10px !default; - -$padding-xs-vertical: 1px !default; -$padding-xs-horizontal: 5px !default; - -$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome -$line-height-small: 1.5 !default; - -$border-radius-base: 4px !default; -$border-radius-large: 6px !default; -$border-radius-small: 3px !default; - -//** Global color for active items (e.g., navs or dropdowns). -$component-active-color: #fff !default; -//** Global background color for active items (e.g., navs or dropdowns). -$component-active-bg: $brand-primary !default; - -//** Width of the `border` for generating carets that indicator dropdowns. -$caret-width-base: 4px !default; -//** Carets increase slightly in size for larger components. -$caret-width-large: 5px !default; - - -//== Tables -// -//## Customizes the `.table` component with basic values, each used across all table variations. - -//** Padding for `<th>`s and `<td>`s. -$table-cell-padding: 8px !default; -//** Padding for cells in `.table-condensed`. -$table-condensed-cell-padding: 5px !default; - -//** Default background color used for all tables. -$table-bg: transparent !default; -//** Background color used for `.table-striped`. -$table-bg-accent: #f9f9f9 !default; -//** Background color used for `.table-hover`. -$table-bg-hover: #f5f5f5 !default; -$table-bg-active: $table-bg-hover !default; - -//** Border color for table and cell borders. -$table-border-color: #ddd !default; - - -//== Buttons -// -//## For each of Bootstrap's buttons, define text, background and border color. - -$btn-font-weight: normal !default; - -$btn-default-color: #333 !default; -$btn-default-bg: #fff !default; -$btn-default-border: #ccc !default; - -$btn-primary-color: #fff !default; -$btn-primary-bg: $brand-primary !default; -$btn-primary-border: darken($btn-primary-bg, 5%) !default; - -$btn-success-color: #fff !default; -$btn-success-bg: $brand-success !default; -$btn-success-border: darken($btn-success-bg, 5%) !default; - -$btn-info-color: #fff !default; -$btn-info-bg: $brand-info !default; -$btn-info-border: darken($btn-info-bg, 5%) !default; - -$btn-warning-color: #fff !default; -$btn-warning-bg: $brand-warning !default; -$btn-warning-border: darken($btn-warning-bg, 5%) !default; - -$btn-danger-color: #fff !default; -$btn-danger-bg: $brand-danger !default; -$btn-danger-border: darken($btn-danger-bg, 5%) !default; - -$btn-link-disabled-color: $gray-light !default; - -// Allows for customizing button radius independently from global border radius -$btn-border-radius-base: $border-radius-base !default; -$btn-border-radius-large: $border-radius-large !default; -$btn-border-radius-small: $border-radius-small !default; - - -//== Forms -// -//## - -//** `<input>` background color -$input-bg: #fff !default; -//** `<input disabled>` background color -$input-bg-disabled: $gray-lighter !default; - -//** Text color for `<input>`s -$input-color: $gray !default; -//** `<input>` 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 `<select>`s in some browsers, due to the limited stylability of `<select>`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; -} |