From 3e8b34be2fdeccf16c8b46f1ee518f970853768d Mon Sep 17 00:00:00 2001
From: Mitch Riedstra <Mitch@riedstra.us>
Date: Tue, 24 Oct 2017 16:59:48 -0400
Subject: Adding in materialize source and templates

---
 .../materialize/sass/components/_badges.scss       | 47 ++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 app/dispatch/static/materialize/sass/components/_badges.scss

(limited to 'app/dispatch/static/materialize/sass/components/_badges.scss')

diff --git a/app/dispatch/static/materialize/sass/components/_badges.scss b/app/dispatch/static/materialize/sass/components/_badges.scss
new file mode 100644
index 0000000..ed8f185
--- /dev/null
+++ b/app/dispatch/static/materialize/sass/components/_badges.scss
@@ -0,0 +1,47 @@
+// Badges
+span.badge {
+  min-width: 3rem;
+  padding: 0 6px;
+  margin-left: 14px;
+  text-align: center;
+  font-size: 1rem;
+  line-height: $badge-height;
+  height: $badge-height;
+  color: color('grey', 'darken-1');
+  float: right;
+  box-sizing: border-box;
+
+  &.new {
+    font-weight: 300;
+    font-size: 0.8rem;
+    color: #fff;
+    background-color: $badge-bg-color;
+    border-radius: 2px;
+  }
+  &.new:after {
+    content: " new";
+  }
+
+  &[data-badge-caption]::after {
+    content: " " attr(data-badge-caption);
+  }
+}
+nav ul a span.badge {
+  display: inline-block;
+  float: none;
+  margin-left: 4px;
+  line-height: $badge-height;
+  height: $badge-height;
+  -webkit-font-smoothing: auto;
+}
+
+// Line height centering
+.collection-item span.badge {
+  margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2});
+}
+.collapsible span.badge {
+  margin-left: auto;
+}
+.side-nav span.badge {
+  margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2});
+}
-- 
cgit v1.2.3