1 files changed, 74 insertions, 0 deletions
diff --git a/plugins/CoreHome/angularjs/comparisons/comparisons.component.less b/plugins/CoreHome/angularjs/comparisons/comparisons.component.less
new file mode 100644
index 0000000000..c2eecb3a22
--- /dev/null
+++ b/plugins/CoreHome/angularjs/comparisons/comparisons.component.less
@@ -0,0 +1,74 @@
+piwik-comparisons {
+  h3 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .comparison {
+    display: inline-block;
+    min-width: 164px;
+    margin-right: 16px;
+    padding: 14px;
+    background-color: white;
+    margin-bottom: 16px;
+    position: relative;
+  }
+
+  .comparison-type {
+    font-weight: bold;
+    text-transform: uppercase;
+    font-size: .7em;
+    color: #999;
+  }
+
+  .remove-button {
+    font-size: .6em;
+    color: #666;
+    position: absolute;
+    right: 12px;
+    top: 12px;
+  }
+
+  .title {
+    font-size: 1.1rem;
+    margin-top: 4px;
+    margin-bottom: 12px;
+
+    overflow-x: hidden;
+    max-width: 250px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .comparison-period {
+    margin-top: 4px;
+
+    > span {
+      display: inline-block;
+    }
+
+    .comparison-dot {
+      width: 1em;
+      height: 1em;
+      display: inline-block;
+      border-radius: .5em;
+    }
+
+    .comparison-period-label {
+      position: relative;
+      top: -3px;
+      margin-left: 2px;
+      display: inline-block;
+      font-size: .85rem;
+      font-style: italic;
+    }
+  }
+}
+
+.comparison-card-tooltip {
+  p {
+    font-size: 1.1em;
+    line-height: 1.3em;
+    color: #fff;
+  }
+}
+\ No newline at end of file