diff options
Diffstat (limited to 'browser/themes/osx')
-rw-r--r-- | browser/themes/osx/browser.css | 265 | ||||
-rw-r--r-- | browser/themes/osx/customizableui/panelUI.css | 54 | ||||
-rw-r--r-- | browser/themes/osx/downloads/allDownloadsView.css | 15 | ||||
-rw-r--r-- | browser/themes/osx/downloads/downloads.css | 12 | ||||
-rw-r--r-- | browser/themes/osx/jar.mn | 22 | ||||
-rw-r--r-- | browser/themes/osx/monitor-base.png | bin | 0 -> 1656 bytes | |||
-rw-r--r-- | browser/themes/osx/monitor-border.png | bin | 0 -> 4125 bytes | |||
-rw-r--r-- | browser/themes/osx/moz.build | 7 | ||||
-rw-r--r-- | browser/themes/osx/places/organizer.css | 224 | ||||
-rw-r--r-- | browser/themes/osx/preferences/alwaysAsk.png | bin | 0 -> 502 bytes | |||
-rw-r--r-- | browser/themes/osx/preferences/application.png | bin | 0 -> 699 bytes | |||
-rw-r--r-- | browser/themes/osx/preferences/applications.css | 61 | ||||
-rw-r--r-- | browser/themes/osx/preferences/saveFile.png | bin | 0 -> 446 bytes | |||
-rw-r--r-- | browser/themes/osx/sanitizeDialog.css | 12 | ||||
-rw-r--r-- | browser/themes/osx/share.svg | 7 |
15 files changed, 679 insertions, 0 deletions
diff --git a/browser/themes/osx/browser.css b/browser/themes/osx/browser.css new file mode 100644 index 0000000000..b62710cc71 --- /dev/null +++ b/browser/themes/osx/browser.css @@ -0,0 +1,265 @@ +/* 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/. */ + +@import url("chrome://browser/skin/browser-shared.css"); +@import url("chrome://browser/skin/browser-custom-colors.css"); + +@namespace html url("http://www.w3.org/1999/xhtml"); + +:root { + --arrowpanel-field-background: light-dark(rgba(249, 249, 250, .3), rgba(12, 12, 13, .3)); +} + +#browser, +#navigator-toolbox { + /* #browser and #navigator-toolbox must have relative positions so that the + latter can slide over the former in fullscreen mode. */ + position: relative; +} + +/** Begin titlebar **/ + +#titlebar { + /* Centrally align content items vertically */ + justify-content: center; +} + +.titlebar-button { + display: none; +} + +.titlebar-buttonbox-container { + align-items: center; + /* Hide window controls in fullscreen */ + :root[inFullscreen] & { + display: none; + } +} + +.titlebar-buttonbox { + &:-moz-locale-dir(ltr) { + margin-inline: 12px 0; + + @media (-moz-mac-rtl) { + margin-inline: 12px; + } + } + + &:-moz-locale-dir(rtl) { + margin-inline: 12px; + + @media (-moz-mac-rtl) { + margin-inline: 12px 0; + } + } +} + +/** End titlebar **/ + +:root[chromehidden~="toolbar"][chromehidden~="location"][chromehidden~="directories"] { + border-top: 1px solid rgba(0,0,0,0.65); +} + +/* ----- BOOKMARK TOOLBAR ----- */ + +#nav-bar-customization-target > #wrapper-personal-bookmarks > #personal-bookmarks { + min-height: 32px; + align-items: center; +} + +/* Workaround for native menubar inheritance */ +.openintabs-menuitem { + list-style-image: none; +} + +.bookmark-item { + > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + } + + &[cutting] { + > .toolbarbutton-icon, + > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; + } + + > .toolbarbutton-text, + > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; + } + } +} + +/* ----- BOOKMARK MENUS ----- */ + +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar, +#panelMenu_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg"); +} + +/* Inactive elements are faded out on OSX */ +.toolbarbutton-1:not(:hover):-moz-window-inactive, +.bookmark-item:not(:hover):-moz-window-inactive, +:root:not([customizing]) .toolbarbutton-1:-moz-window-inactive[disabled="true"] { + opacity: 0.5; +} + +/* Address bar */ + +@media (prefers-contrast) { + /* The "increase contrast" preference on macOS draws a 1px black line around + panels, including the separate search bar. Since the Urlbar is not + implemented as a panel, it does not get this outline. This outline rule + resembles the system outline, bringing the Urlbar in line with panels and + other Mac apps. */ + #urlbar[open] > #urlbar-background { + outline: 1px solid var(--focus-outline-color) + } +} + +#urlbar, +#searchbar { + font-size: 1.25em; +} + +/* stylelint-disable-next-line media-query-no-invalid */ +@media (-moz-bool-pref: "browser.urlbar.experimental.expandTextOnFocus") { + #urlbar[breakout-extend] { + font-size: 1.36em; + } +} + +/* Move the margin to the parent element to properly position the ::after badge */ +moz-input-box > menupopup .context-menu-add-engine > .menu-iconic-left { + margin-inline: 0 5px; + + > .menu-iconic-icon { + margin-inline: 0; + } +} + +/* ----- AUTOCOMPLETE ----- */ + +#PopupAutoComplete > richlistbox > richlistitem[originaltype~="datalist-first"] { + border-top: 1px solid #C7C7C7; +} + +/* Bookmarking panel */ + +/* The following elements come from editBookmarkPanel.inc.xhtml. Styling that's + specific to the editBookmarkPanel should be in browser.css. Styling that + should be shared by all editBookmarkPanel.inc.xhtml consumers should be in + editBookmark.css. */ + +/**** folder tree and tag selector ****/ + +#editBMPanel_folderTree, +#editBMPanel_tagsSelector { + appearance: none; + background-color: var(--arrowpanel-field-background); + color: inherit; + border-radius: 2px; + border: 1px solid var(--panel-separator-color); + margin: 0; +} + +#editBMPanel_folderTree > treechildren::-moz-tree-row(blur,selected), +#editBMPanel_tagsSelector:not(:focus) > richlistitem[selected] { + background-color: var(--arrowpanel-dimmed); +} + +#editBMPanel_folderTree > treechildren::-moz-tree-twisty(blur,selected), +#editBMPanel_folderTree > treechildren::-moz-tree-image(blur,selected), +#editBMPanel_folderTree > treechildren::-moz-tree-cell-text(blur,selected), +#editBMPanel_tagsSelector:not(:focus) > richlistitem[selected] { + color: inherit; +} + +#editBMPanel_folderTree { + border-bottom: none; + border-end-start-radius: 0; + border-end-end-radius: 0; + /* Implements editBookmarkPanel resizing on folderTree un-collapse. */ + margin: 0 !important; + min-width: 27em; + position: relative; +} + +/* ----- SIDEBAR ELEMENTS ----- */ + +#sidebar-box { + /* Default font size is 11px on mac, so this is 12px */ + font-size: 1.0909rem; +} + +/* ::::: tabbrowser ::::: */ + +#tabbrowser-tabbox { + margin: 0; +} + +.tab-label { + margin-block: 1px 0; +} + +.tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-icon-image:not([selected], [multiselected]) { + opacity: .9; +} + +/* + * Force the overlay to create a new stacking context so it always appears on + * top of the icon. + */ +.tab-icon-overlay { + opacity: 0.9999; +} + +.tab-label-container:not([selected], [multiselected]) { + opacity: .7; +} + +.tabbrowser-tab { + font: message-box; + border: none; + + /* FIXME: Are these styles really needed nowadays? */ + &:is([visuallyselected], [multiselected]) { + /* overriding tabbox.css */ + text-shadow: inherit; + + @media (prefers-color-scheme: light) { + &:not(:-moz-lwtheme) { + /* overriding tabbox.css */ + color: hsl(240, 5%, 5%); + } + } + } +} + +#tabbrowser-tabs { + /* overriding tabbox.css */ + align-items: stretch; + margin-bottom: 0; + position: static; + z-index: auto; +} + +/* Bookmark drag and drop styles */ + +.bookmark-item[dragover-into="true"] { + background: SelectedItem !important; + color: SelectedItemText !important; +} + +#UITourTooltipDescription { + font-size: 1.18rem; + line-height: 2rem; +} + +#UITourTooltipClose { + margin-inline-end: -10px; + margin-top: -14px; +} diff --git a/browser/themes/osx/customizableui/panelUI.css b/browser/themes/osx/customizableui/panelUI.css new file mode 100644 index 0000000000..ceb22f7224 --- /dev/null +++ b/browser/themes/osx/customizableui/panelUI.css @@ -0,0 +1,54 @@ +/* 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/. */ + +@import "chrome://browser/skin/customizableui/panelUI-shared.css"; + +.panel-subview-body { + scrollbar-color: color-mix(in srgb, currentColor 26%, transparent) transparent; +} + +#appMenu-mainView > .panel-subview-body > .panel-banner-item { + padding-inline-start: 18px; +} + +.subviewbutton:not([image],[targetURI],.bookmark-item) > .menu-iconic-left { + display: none; +} + +.PanelUI-remotetabs-clientcontainer > label[itemtype="client"] { + padding-inline-start: 6px; +} + +.PanelUI-remotetabs-notabsforclient-label { + margin-inline-start: 19px; + font-size: 13px; +} + +#PanelUI-remotetabs[mainview] .PanelUI-remotetabs-notabsforclient-label { + margin-inline-start: 23px; +} + +#PanelUI-remotetabs-tabslist { + padding-bottom: 4px; +} + +.panel-button { + appearance: none; + border-radius: 2px; + background-color: var(--arrowpanel-dimmed); + color: inherit; + padding: 2px 6px; +} + +.panel-button:not([disabled]):hover { + background-color: var(--panel-item-hover-bgcolor); +} + +.panel-button:not([disabled]):hover:active { + background-color: var(--panel-item-active-bgcolor); +} + +.panel-button:focus-visible { + outline: var(--focus-outline); +} diff --git a/browser/themes/osx/downloads/allDownloadsView.css b/browser/themes/osx/downloads/allDownloadsView.css new file mode 100644 index 0000000000..3740280d80 --- /dev/null +++ b/browser/themes/osx/downloads/allDownloadsView.css @@ -0,0 +1,15 @@ +/* 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/. */ + +@import "chrome://browser/skin/downloads/allDownloadsView.inc.css"; + +/*** List items ***/ + +.downloadProgress::-moz-progress-bar { + background-color: #3c9af8; +} + +.downloadProgress[paused]::-moz-progress-bar { + background-color: #a6a6a6; +} diff --git a/browser/themes/osx/downloads/downloads.css b/browser/themes/osx/downloads/downloads.css new file mode 100644 index 0000000000..62112bd7d7 --- /dev/null +++ b/browser/themes/osx/downloads/downloads.css @@ -0,0 +1,12 @@ +/* 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/. */ + +@import "chrome://browser/skin/downloads/downloads.inc.css"; + +:root { + --downloads-item-height: 6em; + --downloads-item-font-size-factor: 0.80; + --downloads-item-details-opacity: 0.7; + --downloads-item-disabled-opacity: 0.7; +} diff --git a/browser/themes/osx/jar.mn b/browser/themes/osx/jar.mn new file mode 100644 index 0000000000..4a4e437144 --- /dev/null +++ b/browser/themes/osx/jar.mn @@ -0,0 +1,22 @@ +# 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/. + +browser.jar: +% skin browser classic/1.0 %skin/classic/browser/ +#include ../shared/jar.inc.mn + skin/classic/browser/sanitizeDialog.css + skin/classic/browser/browser.css + skin/classic/browser/browser-custom-colors.css (../shared/browser-custom-colors.css) + skin/classic/browser/customizableui/panelUI.css (customizableui/panelUI.css) + skin/classic/browser/downloads/allDownloadsView.css (downloads/allDownloadsView.css) + skin/classic/browser/downloads/downloads.css (downloads/downloads.css) + skin/classic/browser/monitor-base.png + skin/classic/browser/monitor-border.png + skin/classic/browser/places/organizer.css (places/organizer.css) + skin/classic/browser/preferences/alwaysAsk.png (preferences/alwaysAsk.png) + skin/classic/browser/preferences/application.png (preferences/application.png) + skin/classic/browser/preferences/saveFile.png (preferences/saveFile.png) + skin/classic/browser/preferences/applications.css (preferences/applications.css) + skin/classic/browser/share.svg (share.svg) + skin/classic/browser/webRTC-menubar-indicator.css (../shared/webRTC-menubar-indicator.css) diff --git a/browser/themes/osx/monitor-base.png b/browser/themes/osx/monitor-base.png Binary files differnew file mode 100644 index 0000000000..7b61c6b45b --- /dev/null +++ b/browser/themes/osx/monitor-base.png diff --git a/browser/themes/osx/monitor-border.png b/browser/themes/osx/monitor-border.png Binary files differnew file mode 100644 index 0000000000..54337d8bb0 --- /dev/null +++ b/browser/themes/osx/monitor-border.png diff --git a/browser/themes/osx/moz.build b/browser/themes/osx/moz.build new file mode 100644 index 0000000000..d988c0ff9b --- /dev/null +++ b/browser/themes/osx/moz.build @@ -0,0 +1,7 @@ +# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# 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/. + +JAR_MANIFESTS += ["jar.mn"] diff --git a/browser/themes/osx/places/organizer.css b/browser/themes/osx/places/organizer.css new file mode 100644 index 0000000000..61e450a345 --- /dev/null +++ b/browser/themes/osx/places/organizer.css @@ -0,0 +1,224 @@ +/* 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/. */ + +:root { + -moz-default-appearance: -moz-mac-unified-toolbar-window; + appearance: auto; +} + +/* Places Organizer Sidebars */ + +#placesList { + background-color: -moz-sidebar; + width: 160px; + min-width: 100px; + max-width: 400px; +} + +#placesList > treechildren::-moz-tree-cell-text { + margin-inline-end: 6px; +} + +#placesList > treechildren::-moz-tree-cell(separator) { + cursor: default; +} + +#placesList > treechildren::-moz-tree-separator { + border-top: 1px solid color-mix(in srgb, FieldText 70%, transparent); + margin: 0 10px; +} + +#placesToolbar { + padding: 0 4px 3px; +} + +#placesView { + border-top: none !important; +} + +#placesView > splitter { + border-inline-start: none !important; + border-inline-end: 1px solid color-mix(in srgb, FieldText 30%, transparent); + min-width: 1px; + width: 3px; + margin-inline-start: -3px; + position: relative; + background-image: none !important; +} + +#placesToolbar > toolbarbutton { + margin: 4px 4px 5px; + padding: 0; + height: 22px; + appearance: auto; + -moz-default-appearance: toolbarbutton; +} + +#placesToolbar > toolbarbutton > .toolbarbutton-icon { + -moz-context-properties: fill, fill-opacity; + fill: currentColor; + fill-opacity: 0.8; + margin: 1px 4px; +} + +#placesToolbar > toolbarbutton:not(#clearDownloadsButton) > .toolbarbutton-text { + display: none; +} + +#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker { + content: url(chrome://global/skin/icons/arrow-down-12.svg); + padding: 0; + margin-inline-end: 2px; +} + +#placesToolbar > toolbarbutton[disabled] > .toolbarbutton-icon, +#placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive > .toolbarbutton-icon, +#placesToolbar > toolbarbutton[type="menu"][disabled] > .toolbarbutton-menu-dropmarker, +#placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive[type="menu"] > .toolbarbutton-menu-dropmarker { + opacity: .5; +} + +#placesToolbar > toolbarbutton:-moz-window-inactive[disabled] > .toolbarbutton-icon, +#placesToolbar > toolbarbutton:-moz-window-inactive[type="menu"][disabled] > .toolbarbutton-menu-dropmarker { + opacity: .25; +} + +#placesToolbar > toolbarbutton > menupopup { + margin-top: 1px; +} + +/* back and forward button */ +#back-button, +#forward-button:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/icons/arrow-left.svg"); +} + +#forward-button, +#back-button:-moz-locale-dir(rtl) { + list-style-image: url("chrome://global/skin/icons/arrow-right.svg"); +} + +#back-button { + margin-inline-end: 0 !important; /* override margin from #placesToolbar > toolbarbutton */ +} + +#forward-button { + margin-inline-start: 0 !important; /* override margin from #placesToolbar > toolbarbutton */ +} + +#back-button > .toolbarbutton-icon { + margin-inline: 3px 2px !important; +} + +#forward-button > .toolbarbutton-icon { + margin-inline: 2px 3px !important; +} + +/* organize button */ +#organizeButton { + list-style-image: url("chrome://global/skin/icons/settings.svg"); +} + +/* view button */ +#viewMenu { + list-style-image: url("chrome://browser/skin/sort.svg"); +} + +/* maintenance button */ +#maintenanceButton { + list-style-image: url("chrome://browser/skin/import-export.svg"); +} + +/* Root View */ +#placesView { + border-top: 1px solid ThreeDDarkShadow; + -moz-user-focus: ignore; +} + +/* Info box */ +#infoBox:not([hidden="true"]) { + display: block; +} + +#editBookmarkPanelContent { + grid-template-columns: auto 1fr; +} + +#editBookmarkPanelContent .caption-label:not([hidden="true"]) { + display: block; + grid-column: 2; +} + +#editBookmarkPanelContent label { + align-self: center; +} + +#editBMPanel_itemsCountText { + grid-column: auto / span 2; + justify-self: center; +} + +#editBMPanel_tagsSelectorRow { + grid-column: auto / span 2; +} + +#detailsPane { + border-top: 1px solid color-mix(in srgb, FieldText 50%, transparent); + min-height: 16em; + padding: 10px; +} + +#placeContent { + appearance: none; + border: none; +} + +#placeContent > treechildren::-moz-tree-cell, +#placeContent > treechildren::-moz-tree-column { + border-inline-end: 1px solid color-mix(in srgb, FieldText 30%, transparent); +} + +#placeContent > treechildren::-moz-tree-cell(separator) { + border-color: transparent; +} + +/** + * info pane + */ + +#itemsCountText, +#selectItemDescription { + color: GrayText; +} + +/** + * Downloads pane + */ + +#clearDownloadsButton { + list-style-image: none !important; +} + +#clearDownloadsButton > .toolbarbutton-icon { + display: none; +} + +/**** expanders ****/ + +.expander-up, +.expander-down { + margin-block: 0 1px; + margin-inline: 8px 4px; + padding: 0; +} + +.expander-up { + appearance: auto; + -moz-default-appearance: -moz-mac-disclosure-button-open; +} + +.expander-down { + appearance: auto; + -moz-default-appearance: -moz-mac-disclosure-button-closed; +} diff --git a/browser/themes/osx/preferences/alwaysAsk.png b/browser/themes/osx/preferences/alwaysAsk.png Binary files differnew file mode 100644 index 0000000000..444880422a --- /dev/null +++ b/browser/themes/osx/preferences/alwaysAsk.png diff --git a/browser/themes/osx/preferences/application.png b/browser/themes/osx/preferences/application.png Binary files differnew file mode 100644 index 0000000000..f8d610f6c2 --- /dev/null +++ b/browser/themes/osx/preferences/application.png diff --git a/browser/themes/osx/preferences/applications.css b/browser/themes/osx/preferences/applications.css new file mode 100644 index 0000000000..4a483525f6 --- /dev/null +++ b/browser/themes/osx/preferences/applications.css @@ -0,0 +1,61 @@ +/* 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/. */ + +.actionsMenu > menupopup > menuitem > .menu-iconic-left { + /* Undo content/browser/preferences/handlers.css - we don't + * want icon-less labels to line up with the other labels. + */ + min-width: 0; +} + +richlistitem[appHandlerIcon="handleInternally"], +menuitem[appHandlerIcon="handleInternally"] { + list-style-image: url("chrome://branding/content/icon32.png"); +} + +richlistitem[appHandlerIcon="ask"], +menuitem[appHandlerIcon="ask"] { + list-style-image: url("chrome://browser/skin/preferences/alwaysAsk.png"); +} + +richlistitem[appHandlerIcon="save"], +menuitem[appHandlerIcon="save"] { + list-style-image: url("chrome://browser/skin/preferences/saveFile.png"); +} + +richlistitem[appHandlerIcon="plugin"], +menuitem[appHandlerIcon="plugin"] { + list-style-image: url("chrome://global/skin/icons/plugin.svg"); +} + +/* Repeat what menu.css does for .menuitem-iconic */ +menuitem[appHandlerIcon] { + padding-top: 1px; + padding-bottom: 3px; +} + +menuitem[appHandlerIcon] > .menu-iconic-left > .menu-iconic-icon { + margin-inline-start: 0; + width: 16px; +} + +#appList { + min-height: 212px; +} + +#appList > richlistitem { + align-items: center; +} + +#appList > richlistitem > image { + margin: 5px; + width: 32px; + height: 32px; +} + +#appList > richlistitem > label { + margin: 0px; + padding: 5px; + white-space: nowrap; +} diff --git a/browser/themes/osx/preferences/saveFile.png b/browser/themes/osx/preferences/saveFile.png Binary files differnew file mode 100644 index 0000000000..3cd1d94066 --- /dev/null +++ b/browser/themes/osx/preferences/saveFile.png diff --git a/browser/themes/osx/sanitizeDialog.css b/browser/themes/osx/sanitizeDialog.css new file mode 100644 index 0000000000..6969c9f4be --- /dev/null +++ b/browser/themes/osx/sanitizeDialog.css @@ -0,0 +1,12 @@ +/* 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/. */ + +/* Align the duration label with the warning box and item list */ +#sanitizeDurationLabel { + margin-inline-start: 1px; +} + +#sanitizeEverythingWarningIcon { + list-style-image: url("chrome://global/skin/icons/warning-large.png"); +} diff --git a/browser/themes/osx/share.svg b/browser/themes/osx/share.svg new file mode 100644 index 0000000000..9793379648 --- /dev/null +++ b/browser/themes/osx/share.svg @@ -0,0 +1,7 @@ +<!-- 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/. --> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity"> + <path d="M8.25 10.375a.625.625 0 0 1-1.25 0l0-8.323-3.308 3.309a.626.626 0 0 1-.885-.885L7.285 0l.681 0 4.477 4.476a.626.626 0 0 1-.885.885L8.25 2.052l0 8.323z"/> + <path d="M12.25 15a2 2 0 0 0 2-2l0-1.375a.625.625 0 0 0-1.25 0l0 1.525-.6.6-9.55 0-.6-.6 0-1.525a.625.625 0 0 0-1.25 0L1 13a2 2 0 0 0 2 2l9.25 0z"/> +</svg> |