diff options
Diffstat (limited to '')
-rw-r--r-- | browser/components/pocket/content/panels/css/home.scss | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/browser/components/pocket/content/panels/css/home.scss b/browser/components/pocket/content/panels/css/home.scss new file mode 100644 index 0000000000..af0849708b --- /dev/null +++ b/browser/components/pocket/content/panels/css/home.scss @@ -0,0 +1,117 @@ +/* stylelint-disable max-nesting-depth */ + +.pkt_ext_containerhome, +.pkt_ext_wrapperhome { + overflow: hidden; +} + +.pkt_ext_home { + line-height: 20px; + color: #363636; + + a { + color: #008078; + text-decoration: none; + } + + a, p { + font-size: 0.9em; + } + + .pkt_ext_hr { + height: 1px; + background: linear-gradient(90deg, #83EDB8 0%, #83EDB8 0%, #83EDB8 0.01%, #1CB0A8 33.15%, #EF4056 67.4%, #FCB643 100%); + } + + .pkt_ext_detail { + margin: 18px 20px; + } + + .pkt_ext_header { + display: flex; + justify-content: space-between; + align-items: center; + .pkt_ext_mylist_icon { + background: url(../img/list-view.svg) no-repeat; + background-size: contain; + height: 1.2em; + width: 1.2em; + margin-inline-end: 8px; + } + a { + height: 36px; + display: flex; + align-items: center; + box-sizing: border-box; + padding: 0 8px; + margin: 12px; + border-radius: 4px; + &:hover { + background: #F5F5F5; + } + } + .pkt_ext_logo { + background: url(../img/pocketlogo.svg) bottom right no-repeat; + background-size: contain; + height: 32px; + width: 123px; + margin: 0 20px; + } + } + .pkt_ext_detail { + a { + display: block; + } + h2 { + font-weight: 600; + font-size: 1em; + } + h2, + p { + margin: 8px 0; + } + h3 { + font-weight: 600; + font-size: 1em; + margin: 12px 0; + } + .pkt_ext_more { + margin: 19px 0; + .pkt_ext_chevron_right { + background: url(../img/chevron-right.svg) no-repeat; + background-size: contain; + height: 1.2em; + width: 1.2em; + } + ul { + list-style-type: none; + padding: 0; + line-height: 14px; + li { + a { + height: 44px; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + border-bottom: 1px solid #EAEAEA; + } + } + } + } + .pkt_ext_discover { + line-height: 12px; + margin: 20px 0; + height: 40px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + border-radius: 4px; + &:hover { + background: #F5F5F5; + } + } + } +} |