diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /browser/components/shopping/content/highlight-item.css | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'browser/components/shopping/content/highlight-item.css')
-rw-r--r-- | browser/components/shopping/content/highlight-item.css | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/browser/components/shopping/content/highlight-item.css b/browser/components/shopping/content/highlight-item.css new file mode 100644 index 0000000000..2139363862 --- /dev/null +++ b/browser/components/shopping/content/highlight-item.css @@ -0,0 +1,66 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Separate logo, label and details into rows and columns */ +.highlight-item-wrapper { + align-items: center; + display: grid; + column-gap: 1em; + grid-template-columns: 1rem auto; + grid-template-rows: 1rem auto; +} + +.highlight-icon { + content: url("chrome://global/skin/icons/defaultFavicon.svg"); + color: var(--icon-color); + fill: currentColor; + -moz-context-properties: fill; + grid-row-start: 1; + grid-column-start: 1; + + &.price { + content: url("chrome://browser/content/shopping/assets/price.svg"); + } + + &.quality { + content: url("chrome://browser/content/shopping/assets/quality.svg"); + } + + &.shipping { + content: url("chrome://browser/content/shopping/assets/shipping.svg"); + } + + &.competitiveness { + content: url("chrome://browser/content/shopping/assets/competitiveness.svg"); + } + + &.packaging\/appearance { + content: url("chrome://browser/content/shopping/assets/packaging.svg"); + } +} + +.highlight-label { + font-weight: 590; + grid-column-start: 2; + grid-row-start: 1; +} + +.highlight-details { + grid-column-start: 2; + grid-row-start: 2; + margin: 0; + padding: 0; +} + +.highlight-details-list { + list-style-type: none; + padding: 0; + margin: 0; +} + +.highlight-details-list > li { + /* Render LTR since English review snippets are only supported at this time. */ + direction: ltr; + margin: 1em 0; +} |