diff options
| author | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
|---|---|---|
| committer | Mitch Riedstra <Mitch@riedstra.us> | 2017-10-24 16:59:48 -0400 |
| commit | 3e8b34be2fdeccf16c8b46f1ee518f970853768d (patch) | |
| tree | abcb7d0cb260790a2b4a746e3959f2e7ee3a33f7 /app/dispatch/static/materialize/sass/components/_badges.scss | |
| parent | 4ee5893fd9c82228c62306fc7f5babdfc602e4c4 (diff) | |
| download | dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.gz dispatch-tracker-3e8b34be2fdeccf16c8b46f1ee518f970853768d.tar.xz | |
Adding in materialize source and templates
Diffstat (limited to 'app/dispatch/static/materialize/sass/components/_badges.scss')
| -rw-r--r-- | app/dispatch/static/materialize/sass/components/_badges.scss | 47 |
1 files changed, 47 insertions, 0 deletions
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});
+}
|