summaryrefslogtreecommitdiff
path: root/templates/assets/sass/material-kit/plugins
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2017-03-22 19:19:26 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2017-03-22 19:19:26 +0100
commitd42c8b528eb595101954f478e0024e3f079f6fbf (patch)
tree61a528cf94f1f6941f4683ae8736a4a0135c035e /templates/assets/sass/material-kit/plugins
downloadminionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.tar.gz
minionlivesmatter-d42c8b528eb595101954f478e0024e3f079f6fbf.zip
first implementation of fun stats site
Diffstat (limited to 'templates/assets/sass/material-kit/plugins')
-rw-r--r--templates/assets/sass/material-kit/plugins/_plugin-datepicker.scss220
-rwxr-xr-xtemplates/assets/sass/material-kit/plugins/_plugin-dropdownjs.scss17
-rwxr-xr-xtemplates/assets/sass/material-kit/plugins/_plugin-nouislider.scss161
-rwxr-xr-xtemplates/assets/sass/material-kit/plugins/_plugin-selectize.scss93
-rwxr-xr-xtemplates/assets/sass/material-kit/plugins/_plugin-snackbarjs.scss34
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;
+}