first commit

admin086k8e6t9/themes/new-theme/scss/mixins/_cards.scss

@@ -0,0 +1,38 @@
+// Card variants
+
+@mixin card-variant($background, $border) {
+  background-color: $background;
+  border-color: $border;
+}
+
+@mixin card-outline-variant($color) {
+  background-color: transparent;
+  border-color: $color;
+}
+
+//
+// Inverse text within a card for use with dark backgrounds
+//
+
+@mixin card-inverse {
+  .card-header,
+  .card-footer {
+    border-bottom: $card-border-width solid rgba(255,255,255,.2);
+  }
+  .card-header,
+  .card-footer,
+  .card-title,
+  .card-blockquote {
+    color: #fff;
+  }
+  .card-link,
+  .card-text,
+  .card-blockquote > footer {
+    color: rgba(255,255,255,.65);
+  }
+  .card-link {
+    @include hover-focus {
+      color: $card-link-hover-color;
+    }
+  }
+}

admin086k8e6t9/themes/new-theme/scss/mixins/_hover.scss

@@ -0,0 +1,59 @@
+@mixin hover {
+  @if $enable-hover-media-query {
+    // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover
+    // Currently shimmed by https://github.com/twbs/mq4-hover-shim
+    @media (hover: hover) {
+      &:hover { @content }
+    }
+  }
+  @else {
+    &:hover { @content }
+  }
+}
+
+@mixin hover-focus {
+  @if $enable-hover-media-query {
+    &:focus { @content }
+    @include hover { @content }
+  }
+  @else {
+    &:focus,
+    &:hover {
+      @content
+    }
+  }
+}
+
+@mixin plain-hover-focus {
+  @if $enable-hover-media-query {
+    &,
+    &:focus {
+      @content
+    }
+    @include hover { @content }
+  }
+  @else {
+    &,
+    &:focus,
+    &:hover {
+      @content
+    }
+  }
+}
+
+@mixin hover-focus-active {
+  @if $enable-hover-media-query {
+    &:focus,
+    &:active {
+      @content
+    }
+    @include hover { @content }
+  }
+  @else {
+    &:focus,
+    &:active,
+    &:hover {
+      @content
+    }
+  }
+}

admin086k8e6t9/themes/new-theme/scss/mixins/_notification_container.scss

@@ -0,0 +1,6 @@
+@mixin notification_container($height) {
+  @include single-line-block($height);
+  cursor: pointer;
+  color: $medium-gray;
+  position: relative;
+}

admin086k8e6t9/themes/new-theme/scss/mixins/_notification_counter.scss

@@ -0,0 +1,13 @@
+@mixin notification_counter() {
+  display: inline-block;
+  position: absolute;
+  top: 0.25rem;
+  right: 0;
+  color: #fff;
+  background: #f1b746;
+  font-size: 0.625rem;
+  line-height: .75rem;
+  padding: 0 .1875rem;
+  border-radius: 1rem;
+  border: .125rem solid #fff;
+}

admin086k8e6t9/themes/new-theme/scss/mixins/_single_line_block.scss

@@ -0,0 +1,5 @@
+@mixin single-line-block($line-height) {
+  line-height: $line-height;
+  height: $line-height;
+  vertical-align: middle;
+}

admin086k8e6t9/themes/new-theme/scss/mixins/_stars.scss

@@ -0,0 +1,58 @@
+// ==========================================================================
+// Extends
+// ==========================================================================
+
+@mixin m($modifier) {
+  &-#{$modifier} {
+    @content;
+  }
+}
+
+$ps-stars: (
+  "0":    "\E839",
+  "05":   "\E839",
+  "1":     "\E838",
+  "15":    "\E838\E839",
+  "2":     "\E838\E838",
+  "25":    "\E838\E838\E839",
+  "3":     "\E838\E838\E838",
+  "35":    "\E838\E838\E838\E838",
+  "4":     "\E838\E838\E838\E838",
+  "45":    "\E838\E838\E838\E838\E839",
+  "5":     "\E838\E838\E838\E838\E838"
+);
+
+// Generate modifier color classes
+@mixin stars($map) {
+  @each $theme, $stars in $map {
+    @include m($theme) {
+      display: inline-block;
+      position: absolute;
+      color: $gray-medium;
+      text-align: right;
+      left: 90px;
+      bottom: 50px;
+      &:before {
+        font-family: 'Material Icons';
+        content: "\E838\E838\E838\E838\E838";
+        color: $gray-light;
+        float: left;
+        font-size: 1.1em;
+        margin-right: 0.5em;
+        position: absolute;
+        left: -70px;
+        top: 0;
+      }
+
+      &:after {
+        position: absolute;
+        font-family: 'Material Icons';
+        content: $stars;
+        color: #FFD100;
+        font-size: 1.1em;
+        left: -70px;
+        top: 0;
+      }
+    }
+  }
+}