diff options
Diffstat (limited to 'plugins/CoreHome/angularjs/comparisons/comparisons.component.less')
-rw-r--r-- | plugins/CoreHome/angularjs/comparisons/comparisons.component.less | 74 |
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 |