| .matomo-comparisons { | |
| h3 { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| } | |
| .comparison { | |
| display: inline-block; | |
| min-width: 164px; | |
| margin-right: 16px; | |
| padding: 14px; | |
| background-color: @theme-color-background-contrast; | |
| margin-bottom: 16px; | |
| position: relative; | |
| } | |
| .comparison-type { | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| font-size: .7em; | |
| color: @theme-color-text-lighter; | |
| } | |
| .remove-button { | |
| font-size: .6em; | |
| color: @theme-color-text-lighter; | |
| position: absolute; | |
| right: 12px; | |
| top: 12px; | |
| text-decoration: none; | |
| &:hover { | |
| text-decoration: none; | |
| } | |
| } | |
| .title { | |
| font-size: 1.1rem; | |
| margin-top: 4px; | |
| margin-bottom: 12px; | |
| overflow-x: hidden; | |
| max-width: 250px; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| a { | |
| color: @theme-color-text-contrast; | |
| } | |
| } | |
| .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: 6.5px; | |
| display: inline-block; | |
| font-size: .85rem; | |
| font-style: italic; | |
| } | |
| } | |
| } | |
| .comparison-card-tooltip { | |
| p { | |
| font-size: 1.1em; | |
| line-height: 1.3em; | |
| color: @theme-color-text-invert-contrast; | |
| } | |
| } | |