diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-22 19:19:26 +0100 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-22 19:19:26 +0100 |
| commit | d42c8b528eb595101954f478e0024e3f079f6fbf (patch) | |
| tree | 61a528cf94f1f6941f4683ae8736a4a0135c035e /templates/assets/sass/material-kit/plugins | |
| download | minionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.tar.gz minionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.zip | |
first implementation of fun stats site
Diffstat (limited to 'templates/assets/sass/material-kit/plugins')
5 files changed, 525 insertions, 0 deletions
diff --git a/templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss b/templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss new file mode 100644 index 0000000..75178e6 --- /dev/null +++ b/templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss @@ -0,0 +1,220 @@ +/*! + * 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 new file mode 100755 index 0000000..b157472 --- /dev/null +++ b/templates/assets/sass/material-kit/plugins/_plugin-dropdownjs.scss @@ -0,0 +1,17 @@ +// 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 new file mode 100755 index 0000000..49204fa --- /dev/null +++ b/templates/assets/sass/material-kit/plugins/_plugin-nouislider.scss @@ -0,0 +1,161 @@ +// 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 new file mode 100755 index 0000000..bff381e --- /dev/null +++ b/templates/assets/sass/material-kit/plugins/_plugin-selectize.scss @@ -0,0 +1,93 @@ +// 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 new file mode 100755 index 0000000..e8f5bad --- /dev/null +++ b/templates/assets/sass/material-kit/plugins/_plugin-snackbarjs.scss @@ -0,0 +1,34 @@ +// 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; +} |
