From 763bcd8c41aa5cf07921df6522eb3812dc00f92f Mon Sep 17 00:00:00 2001 From: nahbee10 Date: Thu, 12 Dec 2024 02:42:25 +0900 Subject: [PATCH 1/7] fix asset issue and update the footer links --- assets/shared-bundle.js | 164 +++++++++++++++---------------------- assets/tailwind-output.css | 2 +- manifest.json | 2 +- style.css | 22 ++--- styles/main.css | 2 +- templates/footer.hbs | 32 ++++---- 6 files changed, 93 insertions(+), 131 deletions(-) diff --git a/assets/shared-bundle.js b/assets/shared-bundle.js index 0db874960..f86837a6a 100644 --- a/assets/shared-bundle.js +++ b/assets/shared-bundle.js @@ -4378,7 +4378,7 @@ function useId$1(providedId) { * found at http://www.apache.org/licenses/LICENSE-2.0. */ -function composeEventHandlers$2() { +function composeEventHandlers$1() { for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) { fns[_key] = arguments[_key]; } @@ -4393,7 +4393,7 @@ function composeEventHandlers$2() { }; } -function getControlledValue$1() { +function getControlledValue() { for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) { values[_key] = arguments[_key]; } @@ -4745,7 +4745,7 @@ const ThemeProvider = _ref => { } = _ref; const scopeRef = reactExports.useRef(null); const relativeDocument = useDocument(theme); - const controlledScopeRef = focusVisibleRef === null ? U$6.createRef() : getControlledValue$1(focusVisibleRef, scopeRef); + const controlledScopeRef = focusVisibleRef === null ? U$6.createRef() : getControlledValue(focusVisibleRef, scopeRef); useFocusVisible({ scope: controlledScopeRef, relativeDocument @@ -11022,19 +11022,19 @@ const Label$3 = U$6.forwardRef((props, ref) => { } = fieldContext; combinedProps = { ...combinedProps, - onMouseUp: composeEventHandlers$2(props.onMouseUp, () => { + onMouseUp: composeEventHandlers$1(props.onMouseUp, () => { setIsLabelActive(false); }), - onMouseDown: composeEventHandlers$2(props.onMouseDown, () => { + onMouseDown: composeEventHandlers$1(props.onMouseDown, () => { setIsLabelActive(true); }), - onMouseEnter: composeEventHandlers$2(props.onMouseEnter, () => { + onMouseEnter: composeEventHandlers$1(props.onMouseEnter, () => { setIsLabelHovered(true); }), - onMouseLeave: composeEventHandlers$2(props.onMouseLeave, () => { + onMouseLeave: composeEventHandlers$1(props.onMouseLeave, () => { setIsLabelHovered(false); }), - onClick: composeEventHandlers$2(props.onClick, () => { + onClick: composeEventHandlers$1(props.onClick, () => { multiThumbRangeRef.current && multiThumbRangeRef.current.focus(); }) }; @@ -11068,7 +11068,7 @@ const Label$3 = U$6.forwardRef((props, ref) => { }; combinedProps = { ...combinedProps, - onClick: composeEventHandlers$2(combinedProps.onClick, onLabelSelect) + onClick: composeEventHandlers$1(combinedProps.onClick, onLabelSelect) }; return U$6.createElement(StyledCheckLabel$1, Object.assign({ ref: ref @@ -11232,7 +11232,7 @@ const Input = U$6.forwardRef((_ref, ref) => { } = _ref; const fieldContext = useFieldContext$2(); const inputGroupContext = useInputGroupContext(); - const onSelectHandler = props.readOnly ? composeEventHandlers$2(onSelect, event => { + const onSelectHandler = props.readOnly ? composeEventHandlers$1(onSelect, event => { event.currentTarget.select(); }) : onSelect; let combinedProps = { @@ -11339,7 +11339,7 @@ const Textarea = U$6.forwardRef((_ref, ref) => { computedStyle.height = state.height; computedStyle.overflow = state.overflow ? 'hidden' : undefined; } - const onSelectHandler = props.readOnly ? composeEventHandlers$2(onSelect, event => { + const onSelectHandler = props.readOnly ? composeEventHandlers$1(onSelect, event => { event.currentTarget.select(); }) : onSelect; let combinedProps = { @@ -11422,10 +11422,10 @@ const FauxInputComponent = reactExports.forwardRef((_ref, ref) => { ...props } = _ref; const [isFocused, setIsFocused] = reactExports.useState(false); - const onFocusHandler = composeEventHandlers$2(onFocus, () => { + const onFocusHandler = composeEventHandlers$1(onFocus, () => { setIsFocused(true); }); - const onBlurHandler = composeEventHandlers$2(onBlur, () => { + const onBlurHandler = composeEventHandlers$1(onBlur, () => { setIsFocused(false); }); return U$6.createElement(StyledTextFauxInput, Object.assign({ @@ -11968,7 +11968,7 @@ const useFileContext = () => { const CloseComponent$2 = U$6.forwardRef((props, ref) => { const fileContext = useFileContext(); - const onMouseDown = composeEventHandlers$2(props.onMouseDown, event => event.preventDefault() + const onMouseDown = composeEventHandlers$1(props.onMouseDown, event => event.preventDefault() ); const ariaLabel = useText(CloseComponent$2, props, 'aria-label', 'Close'); return U$6.createElement(StyledFileClose, Object.assign({ @@ -12042,7 +12042,7 @@ var SvgTrashStroke = function SvgTrashStroke(props) { const DeleteComponent = U$6.forwardRef((props, ref) => { const fileContext = useFileContext(); - const onMouseDown = composeEventHandlers$2(props.onMouseDown, event => event.preventDefault() + const onMouseDown = composeEventHandlers$1(props.onMouseDown, event => event.preventDefault() ); const ariaLabel = useText(DeleteComponent, props, 'aria-label', 'Delete'); return U$6.createElement(StyledFileDelete, Object.assign({ @@ -12617,22 +12617,22 @@ const MediaInput = U$6.forwardRef((_ref, ref) => { onMouseOut, ...otherWrapperProps } = wrapperProps; - const onFauxInputClickHandler = composeEventHandlers$2(onClick, () => { + const onFauxInputClickHandler = composeEventHandlers$1(onClick, () => { inputRef.current && inputRef.current.focus(); }); - const onFauxInputFocusHandler = composeEventHandlers$2(onFocus, () => { + const onFauxInputFocusHandler = composeEventHandlers$1(onFocus, () => { setIsFocused(true); }); - const onFauxInputBlurHandler = composeEventHandlers$2(onBlur, () => { + const onFauxInputBlurHandler = composeEventHandlers$1(onBlur, () => { setIsFocused(false); }); - const onFauxInputMouseOverHandler = composeEventHandlers$2(onMouseOver, () => { + const onFauxInputMouseOverHandler = composeEventHandlers$1(onMouseOver, () => { setIsHovered(true); }); - const onFauxInputMouseOutHandler = composeEventHandlers$2(onMouseOut, () => { + const onFauxInputMouseOutHandler = composeEventHandlers$1(onMouseOut, () => { setIsHovered(false); }); - const onSelectHandler = readOnly ? composeEventHandlers$2(onSelect, event => { + const onSelectHandler = readOnly ? composeEventHandlers$1(onSelect, event => { event.currentTarget.select(); }) : onSelect; let combinedProps = { @@ -14916,8 +14916,8 @@ const useCombobox = _ref => { }; return { ...triggerProps, - onBlur: composeEventHandlers$2(onBlur, handleBlur), - onClick: composeEventHandlers$2(onClick, handleClick), + onBlur: composeEventHandlers$1(onBlur, handleBlur), + onClick: composeEventHandlers$1(onClick, handleClick), 'aria-controls': isAutocomplete ? triggerProps['aria-controls'] : undefined, 'aria-expanded': undefined, 'aria-disabled': disabled || undefined, @@ -14977,8 +14977,8 @@ const useCombobox = _ref => { 'aria-disabled': disabled || undefined, disabled: undefined, role: 'combobox', - onBlur: composeEventHandlers$2(onBlur, handleBlur), - onKeyDown: composeEventHandlers$2(onKeyDown, onDownshiftKeyDown, handleKeyDown), + onBlur: composeEventHandlers$1(onBlur, handleBlur), + onKeyDown: composeEventHandlers$1(onKeyDown, onDownshiftKeyDown, handleKeyDown), tabIndex: disabled ? -1 : 0 }; } @@ -15000,7 +15000,7 @@ const useCombobox = _ref => { const handleClick = () => !isEditable && triggerRef.current?.focus(); return { ...labelProps, - onClick: composeEventHandlers$2(onClick, handleClick), + onClick: composeEventHandlers$1(onClick, handleClick), htmlFor: isEditable ? htmlFor : undefined }; }, [getFieldLabelProps, isEditable, triggerRef]); @@ -15051,8 +15051,8 @@ const useCombobox = _ref => { disabled, role, 'aria-autocomplete': isAutocomplete ? 'list' : undefined, - onChange: composeEventHandlers$2(_onChange, handleChange), - onClick: composeEventHandlers$2(onClick, handleClick), + onChange: composeEventHandlers$1(_onChange, handleChange), + onClick: composeEventHandlers$1(onClick, handleClick), ...getFieldInputProps({ id: idRef.current.input, 'aria-labelledby': idRef.current.label, @@ -15081,7 +15081,7 @@ const useCombobox = _ref => { disabled, readOnly: true, tabIndex: -1, - onFocus: composeEventHandlers$2(onFocus, handleFocus), + onFocus: composeEventHandlers$1(onFocus, handleFocus), ...other }; }, [getDownshiftInputProps, getFieldInputProps, handleDownshiftStateChange, hasHint, hasMessage, inputValue, inputRef, triggerRef, disabled, isAutocomplete, isEditable]); @@ -15116,8 +15116,8 @@ const useCombobox = _ref => { return { 'data-garden-container-id': 'containers.combobox.tag', 'data-garden-container-version': '1.1.4', - onClick: composeEventHandlers$2(onClick, handleClick), - onKeyDown: composeEventHandlers$2(onKeyDown, handleKeyDown), + onClick: composeEventHandlers$1(onClick, handleClick), + onKeyDown: composeEventHandlers$1(onKeyDown, handleKeyDown), ...other }; }, [triggerRef, setDownshiftSelection, getDownshiftInputProps, isEditable, inputRef]); @@ -15181,7 +15181,7 @@ const useCombobox = _ref => { 'aria-selected': ariaSelected, id: option ? idRef.current.getOptionId(disabledValues.indexOf(option.value), option.disabled, option.hidden) : undefined, ...optionProps, - onMouseDown: composeEventHandlers$2(onMouseDown, handleMouseDown) + onMouseDown: composeEventHandlers$1(onMouseDown, handleMouseDown) }; } return getDownshiftOptionProps({ @@ -16004,40 +16004,6 @@ const Hint$1 = U$6.forwardRef((props, ref) => { }); Hint$1.displayName = 'Hint'; -/** - * Copyright Zendesk, Inc. - * - * Use of this source code is governed under the Apache License, Version 2.0 - * found at http://www.apache.org/licenses/LICENSE-2.0. - */ - -function composeEventHandlers$1() { - for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) { - fns[_key] = arguments[_key]; - } - return function (event) { - for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { - args[_key2 - 1] = arguments[_key2]; - } - return fns.some(fn => { - fn && fn(event, ...args); - return event && event.defaultPrevented; - }); - }; -} - -function getControlledValue() { - for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) { - values[_key] = arguments[_key]; - } - for (const value of values) { - if (value !== undefined) { - return value; - } - } - return undefined; -} - /** * Copyright Zendesk, Inc. * @@ -19077,11 +19043,11 @@ const useTooltip = function (_temp) { } = _temp2 === void 0 ? {} : _temp2; return { tabIndex, - onMouseEnter: composeEventHandlers$2(onMouseEnter, () => openTooltip()), - onMouseLeave: composeEventHandlers$2(onMouseLeave, () => closeTooltip()), - onFocus: composeEventHandlers$2(onFocus, () => openTooltip()), - onBlur: composeEventHandlers$2(onBlur, () => closeTooltip(0)), - onKeyDown: composeEventHandlers$2(onKeyDown, event => { + onMouseEnter: composeEventHandlers$1(onMouseEnter, () => openTooltip()), + onMouseLeave: composeEventHandlers$1(onMouseLeave, () => closeTooltip()), + onFocus: composeEventHandlers$1(onFocus, () => openTooltip()), + onBlur: composeEventHandlers$1(onBlur, () => closeTooltip(0)), + onKeyDown: composeEventHandlers$1(onKeyDown, event => { if (event.key === KEYS.ESCAPE && visibility) { closeTooltip(0); } @@ -19101,8 +19067,8 @@ const useTooltip = function (_temp) { } = _temp3 === void 0 ? {} : _temp3; return { role, - onMouseEnter: composeEventHandlers$2(onMouseEnter, () => openTooltip()), - onMouseLeave: composeEventHandlers$2(onMouseLeave, () => closeTooltip()), + onMouseEnter: composeEventHandlers$1(onMouseEnter, () => openTooltip()), + onMouseLeave: composeEventHandlers$1(onMouseLeave, () => closeTooltip()), 'aria-hidden': !visibility, id: _id, ...other @@ -28834,7 +28800,7 @@ const Tooltip = _ref => { delayMilliseconds: delayMS, isVisible: isInitialVisible }); - const controlledIsVisible = getControlledValue$1(externalIsVisible, isVisible); + const controlledIsVisible = getControlledValue(externalIsVisible, isVisible); reactExports.useEffect(() => { if (controlledIsVisible && scheduleUpdateRef.current) { scheduleUpdateRef.current(); @@ -28885,10 +28851,10 @@ const Tooltip = _ref => { hasArrow, placement: currentPlacement, size: computedSize, - onFocus: composeEventHandlers$2(onFocus, () => { + onFocus: composeEventHandlers$1(onFocus, () => { openTooltip(); }), - onBlur: composeEventHandlers$2(onBlur, () => { + onBlur: composeEventHandlers$1(onBlur, () => { closeTooltip(0); }), 'aria-hidden': !controlledIsVisible, @@ -34372,33 +34338,33 @@ const Datepicker = reactExports.forwardRef((props, calendarRef) => { ref(refValue); inputRef.current = refValue; }, - onMouseDown: composeEventHandlers$2(childElement.props.onMouseDown, () => { + onMouseDown: composeEventHandlers$1(childElement.props.onMouseDown, () => { isInputMouseDownRef.current = true; }), - onMouseUp: composeEventHandlers$2(childElement.props.onMouseUp, () => { + onMouseUp: composeEventHandlers$1(childElement.props.onMouseUp, () => { setTimeout(() => { isInputMouseDownRef.current = false; }, 0); }), - onClick: composeEventHandlers$2(childElement.props.onClick, () => { + onClick: composeEventHandlers$1(childElement.props.onClick, () => { if (isInputMouseDownRef.current && !state.isOpen) { dispatch({ type: 'OPEN' }); } }), - onBlur: composeEventHandlers$2(childElement.props.onBlur, () => { + onBlur: composeEventHandlers$1(childElement.props.onBlur, () => { dispatch({ type: 'CLOSE' }); }), - onChange: composeEventHandlers$2(childElement.props.onChange, e => { + onChange: composeEventHandlers$1(childElement.props.onChange, e => { dispatch({ type: 'MANUALLY_UPDATE_INPUT', value: e.target.value }); }), - onKeyDown: composeEventHandlers$2(childElement.props.onKeyDown, e => { + onKeyDown: composeEventHandlers$1(childElement.props.onKeyDown, e => { switch (e.key) { case KEYS.ESCAPE: case KEYS.ENTER: @@ -34903,8 +34869,8 @@ function useGrid(_ref) { id: getId(prefix, _rowIndex, _colIndex), role: role === null ? undefined : role, tabIndex: rowIndex === _rowIndex && colIndex === _colIndex ? 0 : -1, - onFocus: composeEventHandlers$2(onFocus, handleFocus), - onKeyDown: composeEventHandlers$2(onKeyDown, handleKeyDown), + onFocus: composeEventHandlers$1(onFocus, handleFocus), + onKeyDown: composeEventHandlers$1(onKeyDown, handleKeyDown), ...other }; }, [matrix, rowIndex, colIndex, doc, prefix, isControlled, onChange, rtl, wrap]); @@ -35579,7 +35545,7 @@ const useFocusJail = function (_temp) { ...other } = _temp2 === void 0 ? {} : _temp2; return { - onKeyDown: composeEventHandlers$2(onKeyDown, event => { + onKeyDown: composeEventHandlers$1(onKeyDown, event => { if (event.key !== KEYS.TAB) { return; } @@ -35666,7 +35632,7 @@ const useModal = _ref => { isModalMousedDownRef.current = false; }; return { - onMouseUp: composeEventHandlers$2(onMouseUp, handleMouseUp), + onMouseUp: composeEventHandlers$1(onMouseUp, handleMouseUp), 'data-garden-container-id': containerId, 'data-garden-container-version': '1.0.19', ...other @@ -35685,10 +35651,10 @@ const useModal = _ref => { 'aria-modal': true, 'aria-labelledby': titleId, 'aria-describedby': contentId, - onMouseDown: composeEventHandlers$2(onMouseDown, () => { + onMouseDown: composeEventHandlers$1(onMouseDown, () => { isModalMousedDownRef.current = true; }), - onKeyDown: composeEventHandlers$2(onKeyDown, event => { + onKeyDown: composeEventHandlers$1(onKeyDown, event => { if (event.key === KEYS.ESCAPE) { closeModal(event); } @@ -35722,7 +35688,7 @@ const useModal = _ref => { ...other } = _ref2; return { - onClick: composeEventHandlers$2(onClick, event => { + onClick: composeEventHandlers$1(onClick, event => { closeModal(event); }), ...other @@ -36427,7 +36393,7 @@ function useAccordion(_ref) { const isControlled = expandedSections !== null && expandedSections !== undefined; const [expandedState, setExpandedState] = reactExports.useState(defaultExpandedSections || sections.slice(0, 1)); const [disabledState, setDisabledState] = reactExports.useState(collapsible ? [] : expandedState); - const internalExpandedState = getControlledValue$1(expandedSections, expandedState); + const internalExpandedState = getControlledValue(expandedSections, expandedState); const toggle = reactExports.useCallback(value => { const expanded = []; const disabled = []; @@ -36479,8 +36445,8 @@ function useAccordion(_ref) { 'aria-controls': `${PANEL_ID}:${value}`, 'aria-disabled': disabledState.includes(value) || undefined, 'aria-expanded': internalExpandedState.includes(value), - onClick: composeEventHandlers$2(props.onClick, () => toggle(value)), - onKeyDown: composeEventHandlers$2(props.onKeyDown, event => { + onClick: composeEventHandlers$1(props.onClick, () => toggle(value)), + onKeyDown: composeEventHandlers$1(props.onKeyDown, event => { if (event.key === KEYS.SPACE || event.key === KEYS.ENTER) { toggle(value); event.preventDefault(); @@ -36865,19 +36831,19 @@ const HeaderComponent = reactExports.forwardRef((props, ref) => { ref, 'aria-level': ariaLevel, role: role === undefined || role === null ? role : 'heading', - onClick: composeEventHandlers$2(onClick, onTriggerClick), - onFocus: composeEventHandlers$2(onFocus, onHeaderFocus), - onBlur: composeEventHandlers$2(onBlur, () => setIsFocused(false)), - onMouseOver: composeEventHandlers$2(onMouseOver, () => setIsHovered(true)), - onMouseOut: composeEventHandlers$2(onMouseOut, () => setIsHovered(false)), + onClick: composeEventHandlers$1(onClick, onTriggerClick), + onFocus: composeEventHandlers$1(onFocus, onHeaderFocus), + onBlur: composeEventHandlers$1(onBlur, () => setIsFocused(false)), + onMouseOver: composeEventHandlers$1(onMouseOver, () => setIsHovered(true)), + onMouseOut: composeEventHandlers$1(onMouseOut, () => setIsHovered(false)), ...other })), children, U$6.createElement(StyledRotateIcon, { isCompact: isCompact, isHovered: isHovered, isRotated: isExpanded, isCollapsible: isCollapsible, - onMouseOver: composeEventHandlers$2(onMouseOver, () => setIsHovered(true)), - onMouseOut: composeEventHandlers$2(onMouseOut, () => setIsHovered(false)) + onMouseOver: composeEventHandlers$1(onMouseOver, () => setIsHovered(true)), + onMouseOut: composeEventHandlers$1(onMouseOut, () => setIsHovered(false)) }, U$6.createElement(SvgChevronDownStroke, null)))); }); HeaderComponent.displayName = 'Accordion.Header'; diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css index a6a4742b7..dbf43d411 100644 --- a/assets/tailwind-output.css +++ b/assets/tailwind-output.css @@ -3122,7 +3122,7 @@ video { display: block; position: absolute; content: ''; - background-image: url('../assets/right-arrow-light.svg'); + background-image: var(--right-arrow-path-dark); background-size: 1.5rem 1.5rem; height: 1.5rem; width: 1.5rem; diff --git a/manifest.json b/manifest.json index 7001b8969..b7a1a0152 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Copenhagen", "author": "Sanctuary Computer", - "version": "4.2.22", + "version": "4.2.23", "api_version": 4, "default_locale": "en-us", "settings": [ diff --git a/style.css b/style.css index d6206cea2..2e0a69ffc 100644 --- a/style.css +++ b/style.css @@ -201,13 +201,13 @@ template { } .avatar-wrapper g:nth-of-type(2) { - animation-duration: 4s; + animation-duration: 5s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(3) { - animation-duration: 4s; - animation-delay: 1s; + animation-duration: 5s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(4) { @@ -217,30 +217,30 @@ template { .avatar-wrapper g:nth-of-type(5) { animation-duration: 6s; - animation-delay: 2s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(6) { - animation-duration: 4s; + animation-duration: 6s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(7) { - animation-duration: 4s; + animation-duration: 6s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(8) { - animation-duration: 5s; - animation-delay: 1s; + animation-duration: 4s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(9) { animation-duration: 6s; - animation-delay: 2s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(10) { - animation-duration: 4s; - animation-delay: 1s; + animation-duration: 6s; + animation-delay: 2s; } \ No newline at end of file diff --git a/styles/main.css b/styles/main.css index 24092f32d..f8101278b 100644 --- a/styles/main.css +++ b/styles/main.css @@ -222,7 +222,7 @@ display: block; position: absolute; content: ''; - background-image: url('../assets/right-arrow-light.svg'); + background-image: var(--right-arrow-path-dark); background-size: 1.5rem 1.5rem; height: 1.5rem; width: 1.5rem; diff --git a/templates/footer.hbs b/templates/footer.hbs index 3957e1772..370465f6f 100644 --- a/templates/footer.hbs +++ b/templates/footer.hbs @@ -15,40 +15,36 @@ footerDiscordLink: 'https://discord.com/invite/uniswap', footerLinksSupport: [ { - name: 'Uniswap web app', - url: '/categories/8122316887181-Uniswap-web-app', + name: 'Frequently Asked Questions', + url: '/hc/en-us/categories/32172688959117-Frequently-Asked-Questions', }, { - name: 'Uniswap Extension', - url: '/categories/25219141467405-Uniswap-Extension', + name: 'Getting Started Guides', + url: '/hc/en-us/categories/32174051347341-Getting-Started-Guides', }, { name: 'Uniswap Wallet', - url: '/categories/11301970439565-Uniswap-Wallet', - }, - { - name: 'Limit orders', - url: '/categories/24325247851917-Limit-orders', + url: '/hc/en-us/categories/11301970439565-Uniswap-Wallet', }, { - name: 'UniswapX', - url: '/categories/17081597600525-UniswapX', + name: 'Uniswap Extension', + url: '/hc/en-us/categories/25219141467405-Uniswap-Extension', }, { - name: 'Liquidity', - url: '/categories/8122334631437-Liquidity', + name: 'Sending and Swapping', + url: '/hc/en-us/categories/32352201739021-Sending-and-Swapping', }, { - name: 'Networks', - url: '/categories/14366725384845-Networks', + name: 'Deep Dives and Troubleshooting', + url: '/hc/en-us/categories/32174144727565-Deep-Dives-and-Troubleshooting', }, { - name: 'Buying Crypto', - url: '/categories/11302011603341-Buying-Crypto', + name: 'Crypto Security and Scams', + url: '/hc/en-us/categories/32456997609229-Crypto-Security-and-Scams', }, { name: 'General', - url: '/categories/5685161551629-General', + url: '/hc/en-us/categories/5685161551629-General', }, ], footerLinksHelp: [ From 0a0a1361e1aa504d0766582e8bd08ea08adc2094 Mon Sep 17 00:00:00 2001 From: nahbee10 Date: Thu, 12 Dec 2024 03:11:40 +0900 Subject: [PATCH 2/7] footer icon position fix --- assets/tailwind-output.css | 8 +++-- manifest.json | 2 +- src/modules/footer/FooterModule.tsx | 45 ++++++++++++++++++++++++----- style.css | 26 ++++++++--------- 4 files changed, 57 insertions(+), 24 deletions(-) diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css index dbf43d411..d614df46b 100644 --- a/assets/tailwind-output.css +++ b/assets/tailwind-output.css @@ -4170,8 +4170,8 @@ iframe#launcher { margin-bottom: 0px; } - .sm\:mb-20 { - margin-bottom: 5rem; + .sm\:mb-6 { + margin-bottom: 1.5rem; } .sm\:ml-2 { @@ -4182,6 +4182,10 @@ iframe#launcher { margin-top: 0px; } + .sm\:mt-6 { + margin-top: 1.5rem; + } + .sm\:mt-padding-x-large { margin-top: 2.25rem; } diff --git a/manifest.json b/manifest.json index b7a1a0152..6abd6f4f8 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Copenhagen", "author": "Sanctuary Computer", - "version": "4.2.23", + "version": "4.2.24", "api_version": 4, "default_locale": "en-us", "settings": [ diff --git a/src/modules/footer/FooterModule.tsx b/src/modules/footer/FooterModule.tsx index ac71474a2..33367e438 100644 --- a/src/modules/footer/FooterModule.tsx +++ b/src/modules/footer/FooterModule.tsx @@ -13,7 +13,7 @@ const Footer: FC = ({ footerPageData }) => { return (

Footer

-
+
@@ -27,11 +27,11 @@ const Footer: FC = ({ footerPageData }) => { {footerPageData?.footerLinksSupport && footerPageData.footerLinksSupport.length > 0 ? (

Support

-
    +
      {footerPageData?.footerLinksSupport.map((link) => (
    • @@ -44,7 +44,7 @@ const Footer: FC = ({ footerPageData }) => { footerPageData.footerLinksEcosystem.length > 0 ? (

      Protocol

      -
        +
          {footerPageData.footerLinksEcosystem.map((link) => (
        • = ({ footerPageData }) => { {footerPageData?.footerLinksCompany && footerPageData?.footerLinksCompany.length > 0 ? (

          Company

          -
            +
              {footerPageData.footerLinksCompany.map((link) => (
            • = ({ footerPageData }) => { {footerPageData?.footerLinksHelp && footerPageData.footerLinksHelp.length > 0 ? (

              Need Help?

              -
                +
                  {footerPageData?.footerLinksHelp.map((link) => (
                • = ({ footerPageData }) => { ) : null}
              +
              + {footerPageData?.footerGithubLink ? ( + + + + ) : null} + {footerPageData?.footerXLink ? ( + + + + ) : null} + {footerPageData?.footerDiscordLink ? ( + + + + ) : null} +

          @{new Date().getFullYear()} Uniswap Labs

          -
          + {/*
          {footerPageData?.footerGithubLink ? ( = ({ footerPageData }) => { ) : null} -
          +
          */}
); diff --git a/style.css b/style.css index 2e0a69ffc..38c1da480 100644 --- a/style.css +++ b/style.css @@ -196,47 +196,47 @@ template { } .avatar-wrapper g:nth-of-type(1) { - animation-duration: 6s; - animation-delay: 2s; + animation-duration: 5s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(2) { - animation-duration: 5s; + animation-duration: 4s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(3) { - animation-duration: 5s; - animation-delay: 2s; + animation-duration: 4s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(4) { - animation-duration: 4s; - animation-delay: 1s; + animation-duration: 5s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(5) { - animation-duration: 6s; - animation-delay: 1s; + animation-duration: 5s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(6) { - animation-duration: 6s; + animation-duration: 4s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(7) { - animation-duration: 6s; + animation-duration: 4s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(8) { animation-duration: 4s; - animation-delay: 2s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(9) { - animation-duration: 6s; + animation-duration: 5s; animation-delay: 1s; } From 01e72f3255374724f6b90e09639f2712b97d1706 Mon Sep 17 00:00:00 2001 From: nahbee10 Date: Thu, 12 Dec 2024 17:21:35 +0900 Subject: [PATCH 3/7] revert subsection removal on side nav --- src/modules/side-nav/api.ts | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/modules/side-nav/api.ts b/src/modules/side-nav/api.ts index 8b8c36114..c6b656c23 100644 --- a/src/modules/side-nav/api.ts +++ b/src/modules/side-nav/api.ts @@ -30,7 +30,6 @@ type SideNavApiResponse = { html_url: string; name: string; position: number; - parent_section_id: number | null; }[]; }; @@ -45,7 +44,7 @@ const sanitizeResponse = (response: SideNavApiResponse): SideNavData => { const categories = response.categories.map((category) => { const sections = response.sections - .filter((section) => section.category_id === category.id && !section.parent_section_id) + .filter((section) => section.category_id === category.id) .map((section) => { const articles = response.articles .filter((article) => article.section_id === section.id) From e20b2baaa470193787a0e7e7799942dacddbdf33 Mon Sep 17 00:00:00 2001 From: nahbee10 Date: Thu, 12 Dec 2024 17:21:56 +0900 Subject: [PATCH 4/7] updated version --- manifest.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/manifest.json b/manifest.json index 6abd6f4f8..146db295f 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Copenhagen", "author": "Sanctuary Computer", - "version": "4.2.24", + "version": "4.2.25", "api_version": 4, "default_locale": "en-us", "settings": [ From 629c65a8271891e15114678f8e6754f471cdd8cd Mon Sep 17 00:00:00 2001 From: nahbee10 Date: Fri, 13 Dec 2024 01:33:04 +0900 Subject: [PATCH 5/7] update the time for side nav api update --- manifest.json | 2 +- style.css | 24 ++++++++++++------------ 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/manifest.json b/manifest.json index 146db295f..a9b68b8b7 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Copenhagen", "author": "Sanctuary Computer", - "version": "4.2.25", + "version": "4.2.27", "api_version": 4, "default_locale": "en-us", "settings": [ diff --git a/style.css b/style.css index 38c1da480..b683f351a 100644 --- a/style.css +++ b/style.css @@ -196,38 +196,38 @@ template { } .avatar-wrapper g:nth-of-type(1) { - animation-duration: 5s; - animation-delay: 1s; + animation-duration: 6s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(2) { animation-duration: 4s; - animation-delay: 1s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(3) { animation-duration: 4s; - animation-delay: 1s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(4) { - animation-duration: 5s; + animation-duration: 6s; animation-delay: 2s; } .avatar-wrapper g:nth-of-type(5) { - animation-duration: 5s; - animation-delay: 2s; + animation-duration: 4s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(6) { - animation-duration: 4s; + animation-duration: 5s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(7) { - animation-duration: 4s; - animation-delay: 1s; + animation-duration: 6s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(8) { @@ -237,10 +237,10 @@ template { .avatar-wrapper g:nth-of-type(9) { animation-duration: 5s; - animation-delay: 1s; + animation-delay: 2s; } .avatar-wrapper g:nth-of-type(10) { animation-duration: 6s; - animation-delay: 2s; + animation-delay: 1s; } \ No newline at end of file From dd694ef315cf0f04160d5b142da31840ba6cbc89 Mon Sep 17 00:00:00 2001 From: nahbee10 Date: Fri, 13 Dec 2024 01:43:08 +0900 Subject: [PATCH 6/7] rebase --- assets/tailwind-output.css | 487 ++++++++++++++++++++++--------------- style.css | 51 ++-- styles/main.css | 3 + 3 files changed, 314 insertions(+), 227 deletions(-) diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css index d614df46b..18980639b 100644 --- a/assets/tailwind-output.css +++ b/assets/tailwind-output.css @@ -1,4 +1,6 @@ -*, ::before, ::after { +*, +::before, +::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; @@ -8,19 +10,19 @@ --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); @@ -28,28 +30,28 @@ --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; } ::backdrop { @@ -62,19 +64,19 @@ --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; - --tw-gradient-from-position: ; - --tw-gradient-via-position: ; - --tw-gradient-to-position: ; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); @@ -82,28 +84,28 @@ --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; } /* @@ -152,9 +154,10 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; - tab-size: 4; + tab-size: 4; /* 3 */ - font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', + 'Segoe UI Symbol', 'Noto Color Emoji'; /* 4 */ font-feature-settings: normal; /* 5 */ @@ -197,7 +200,7 @@ Add the correct text decoration in Chrome, Edge, and Safari. abbr:where([title]) { -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; + text-decoration: underline dotted; } /* @@ -243,7 +246,8 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', + 'Courier New', monospace; /* 1 */ font-feature-settings: normal; /* 2 */ @@ -486,7 +490,8 @@ textarea { 2. Set the default placeholder color to the user's configured gray 400 color. */ -input::-moz-placeholder, textarea::-moz-placeholder { +input::-moz-placeholder, +textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; @@ -506,7 +511,7 @@ Set the default cursor for buttons. */ button, -[role="button"] { +[role='button'] { cursor: pointer; } @@ -550,7 +555,7 @@ video { /* Make elements with the HTML hidden attribute stay hidden by default */ -[hidden]:where(:not([hidden="until-found"])) { +[hidden]:where(:not([hidden='until-found'])) { display: none; } @@ -1234,42 +1239,56 @@ video { .-translate-x-1\/2 { --tw-translate-x: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } .translate-x-1 { --tw-translate-x: 0.25rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } .translate-y-0 { --tw-translate-y: 0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } .translate-y-4 { --tw-translate-y: 1rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } .transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } .select-all { -webkit-user-select: all; - -moz-user-select: all; - user-select: all; + -moz-user-select: all; + user-select: all; } .resize { @@ -1338,7 +1357,7 @@ video { .gap-x-4 { -moz-column-gap: 1rem; - column-gap: 1rem; + column-gap: 1rem; } .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { @@ -1501,11 +1520,11 @@ video { } .border-\[top\2c left\2c right\2c bottom\] { - border-color: top,left,right,bottom; + border-color: top, left, right, bottom; } .border-dark-surface-3 { - border-color: rgba(255,255,255,0.12); + border-color: rgba(255, 255, 255, 0.12); } .border-light-neutral-2 { @@ -1514,7 +1533,7 @@ video { } .border-light-surface-3 { - border-color: rgba(34,34,34,0.05); + border-color: rgba(34, 34, 34, 0.05); } .border-transparent { @@ -1532,7 +1551,7 @@ video { } .\!bg-light-surface-3 { - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; } .bg-dark-accent-1 { @@ -1586,7 +1605,7 @@ video { } .bg-dark-surface-3-hovered { - background-color: rgba(255,255,255,0.16); + background-color: rgba(255, 255, 255, 0.16); } .bg-light-accent-1 { @@ -1655,11 +1674,11 @@ video { } .bg-light-surface-3 { - background-color: rgba(34,34,34,0.05); + background-color: rgba(34, 34, 34, 0.05); } .bg-scrim { - background-color: rgba(0,0,0,0.60); + background-color: rgba(0, 0, 0, 0.6); } .bg-white { @@ -1678,47 +1697,47 @@ video { } .to-light-surface-1 { - --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position); + --tw-gradient-to: #ffffff var(--tw-gradient-to-position); } .fill-blue-base { - fill: #4981FF; + fill: #4981ff; } .fill-dark-accent-1 { - fill: #FC74FE; + fill: #fc74fe; } .fill-dark-brown-vibrant { - fill: #85754A; + fill: #85754a; } .fill-dark-neutral-1 { - fill: #FFFFFF; + fill: #ffffff; } .fill-dark-neutral-2 { - fill: #9B9B9B; + fill: #9b9b9b; } .fill-dark-orange-vibrant { - fill: #FF4D00; + fill: #ff4d00; } .fill-dark-pink-vibrant { - fill: #FC74FE; + fill: #fc74fe; } .fill-green-base { - fill: #0C8911; + fill: #0c8911; } .fill-light-accent-1 { - fill: #F50DB4; + fill: #f50db4; } .fill-light-brown-vibrant { - fill: #85754A; + fill: #85754a; } .fill-light-neutral-1 { @@ -1726,20 +1745,20 @@ video { } .fill-light-neutral-2 { - fill: #7D7D7D; + fill: #7d7d7d; } .fill-light-orange-vibrant { - fill: #FF4D00; + fill: #ff4d00; } .fill-light-pink-vibrant { - fill: #F50DB4; + fill: #f50db4; } .object-contain { -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } .\!p-4 { @@ -1978,42 +1997,50 @@ video { .ordinal { --tw-ordinal: ordinal; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .slashed-zero { --tw-slashed-zero: slashed-zero; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .lining-nums { --tw-numeric-figure: lining-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .proportional-nums { --tw-numeric-spacing: proportional-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums { --tw-numeric-spacing: tabular-nums; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; - font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) + var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .\!leading-\[1\.4\] { @@ -2151,19 +2178,24 @@ video { .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); } .shadow-dark-medium { - --tw-shadow: 0px 10px 15px -3px rgba(18, 18, 23, 0.54), 0px 4px 6px -2px rgba(18, 18, 23, 0.40); - --tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow: 0px 10px 15px -3px rgba(18, 18, 23, 0.54), 0px 4px 6px -2px rgba(18, 18, 23, 0.4); + --tw-shadow-colored: 0px 10px 15px -3px var(--tw-shadow-color), + 0px 4px 6px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); } .shadow-light-medium { --tw-shadow: 0px 6px 15px -3px rgba(18, 18, 23, 0.18), 0px 2px 6px -2px rgba(18, 18, 23, 0.17); - --tw-shadow-colored: 0px 6px 15px -3px var(--tw-shadow-color), 0px 2px 6px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + --tw-shadow-colored: 0px 6px 15px -3px var(--tw-shadow-color), + 0px 2px 6px -2px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); } .outline { @@ -2171,44 +2203,59 @@ video { } .ring { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) + var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .blur { --tw-blur: blur(8px); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale { --tw-grayscale: grayscale(100%); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .sepia { --tw-sepia: sepia(100%); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-filter { - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) + var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) + var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, + opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, + opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, + opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -2406,6 +2453,17 @@ video { a-z-a--z0-9: -; } +body { + min-height: 100vh; + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +body:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(19 19 19 / var(--tw-bg-opacity)); +} + .site-max-width { max-width: 1440px; } @@ -2442,11 +2500,11 @@ video { margin-bottom: 0.375rem; width: 100%; border-top-width: 1px; - border-color: rgba(34,34,34,0.05); + border-color: rgba(34, 34, 34, 0.05); } .divider:where(.dark, .dark *) { - border-color: rgba(255,255,255,0.12); + border-color: rgba(255, 255, 255, 0.12); } .ArticlePage { @@ -2593,10 +2651,10 @@ video { transition-duration: 150ms !important; } a:hover { - text-decoration-color: #7D7D7D !important; + text-decoration-color: #7d7d7d !important; } a:hover:where(.dark, .dark *) { - text-decoration-color: #9B9B9B !important; + text-decoration-color: #9b9b9b !important; } a { font: inherit; @@ -2746,9 +2804,12 @@ video { .article-votes, .article-votes-controls { button { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -2986,9 +3047,13 @@ video { opacity: 0; } &:before { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, + -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3020,9 +3085,13 @@ video { opacity: 0; } &:after { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, + -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3050,9 +3119,12 @@ video { color: rgb(125 125 125 / var(--tw-text-opacity)); } a { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3109,9 +3181,12 @@ video { opacity: 0; } &:before { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3143,9 +3218,12 @@ video { opacity: 0; } &:after { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, + stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @@ -3191,12 +3269,12 @@ html:has(.ArticlePage) { .ck.ck-editor__main > .ck-editor__editable, .ck.ck-toolbar { border-width: 0px !important; - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; } .ck.ck-editor__main > .ck-editor__editable:where(.dark, .dark *), .ck.ck-toolbar:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; } .ck.ck-editor__main > .ck-editor__editable { @@ -3296,7 +3374,7 @@ html:has(.ArticlePage) { .custom-input { border-radius: 0.75rem !important; border-width: 0px !important; - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1rem !important; @@ -3347,7 +3425,7 @@ html:has(.ArticlePage) { } .custom-input:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } @@ -3377,7 +3455,7 @@ html:has(.ArticlePage) { max-height: none !important; border-radius: 0.75rem !important; border-width: 0px !important; - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1rem !important; @@ -3418,7 +3496,7 @@ html:has(.ArticlePage) { } .custom-combobox > div:first-child:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } @@ -3460,7 +3538,7 @@ html:has(.ArticlePage) { border-width: 0px !important; } ul { - background-color: rgba(34,34,34,0.05) !important; + background-color: rgba(34, 34, 34, 0.05) !important; } ul { padding: 0px !important; @@ -3468,7 +3546,8 @@ html:has(.ArticlePage) { ul { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow) !important; } ul { font-family: var(--font-basel-grotesk) !important; @@ -3480,7 +3559,7 @@ html:has(.ArticlePage) { -moz-osx-font-smoothing: grayscale !important; } ul:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; } ul { li { @@ -3501,15 +3580,16 @@ html:has(.ArticlePage) { border-width: 0px !important; } li:hover { - background-color: rgba(34,34,34,0.09) !important; + background-color: rgba(34, 34, 34, 0.09) !important; } li:hover { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow) !important; } li:where(.dark, .dark *):hover { - background-color: rgba(255,255,255,0.16) !important; + background-color: rgba(255, 255, 255, 0.16) !important; } li { svg { @@ -3755,14 +3835,15 @@ zd-autocomplete { border-bottom-right-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; border-width: 1px !important; - border-color: rgba(34,34,34,0.05) !important; + border-color: rgba(34, 34, 34, 0.05) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(34 34 34 / var(--tw-text-opacity)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow) !important; font-family: var(--font-basel-grotesk) !important; font-size: 0.875rem !important; font-style: normal !important; @@ -3780,7 +3861,7 @@ zd-autocomplete { } zd-autocomplete:where(.dark, .dark *) { - border-color: rgba(255,255,255,0.12) !important; + border-color: rgba(255, 255, 255, 0.12) !important; --tw-bg-opacity: 1 !important; background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; @@ -3789,7 +3870,7 @@ zd-autocomplete:where(.dark, .dark *) { zd-autocomplete-header { border-bottom-width: 1px !important; - border-bottom-color: rgba(34,34,34,0.05) !important; + border-bottom-color: rgba(34, 34, 34, 0.05) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; text-align: left !important; @@ -3805,7 +3886,7 @@ zd-autocomplete-header { } zd-autocomplete-header:where(.dark, .dark *) { - border-bottom-color: rgba(255,255,255,0.12) !important; + border-bottom-color: rgba(255, 255, 255, 0.12) !important; --tw-bg-opacity: 1 !important; background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; @@ -3814,7 +3895,7 @@ zd-autocomplete-header:where(.dark, .dark *) { zd-autocomplete-multibrand { border-bottom-width: 1px !important; - border-bottom-color: rgba(34,34,34,0.05) !important; + border-bottom-color: rgba(34, 34, 34, 0.05) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } @@ -3825,7 +3906,7 @@ zd-autocomplete-multibrand:hover { } zd-autocomplete-multibrand:where(.dark, .dark *) { - border-bottom-color: rgba(255,255,255,0.12) !important; + border-bottom-color: rgba(255, 255, 255, 0.12) !important; --tw-bg-opacity: 1 !important; background-color: rgb(19 19 19 / var(--tw-bg-opacity)) !important; } @@ -3953,7 +4034,7 @@ iframe#launcher { } .focus-within\:\!border-light-surface-3:focus-within { - border-color: rgba(34,34,34,0.05) !important; + border-color: rgba(34, 34, 34, 0.05) !important; } .focus-within\:\!bg-transparent:focus-within { @@ -4026,11 +4107,11 @@ iframe#launcher { } .hover\:bg-light-surface-3:hover { - background-color: rgba(34,34,34,0.05); + background-color: rgba(34, 34, 34, 0.05); } .hover\:bg-light-surface-3-hovered:hover { - background-color: rgba(34,34,34,0.09); + background-color: rgba(34, 34, 34, 0.09); } .hover\:\!text-light-accent-1-hovered:hover { @@ -4063,7 +4144,7 @@ iframe#launcher { } .group:hover .group-hover\:fill-light-accent-1 { - fill: #F50DB4; + fill: #f50db4; } .group:hover .group-hover\:fill-light-neutral-1 { @@ -4100,7 +4181,7 @@ iframe#launcher { } .data-\[active\]\:bg-light-surface-3[data-active] { - background-color: rgba(34,34,34,0.05); + background-color: rgba(34, 34, 34, 0.05); } .data-\[active\]\:text-light-neutral-1[data-active] { @@ -4110,7 +4191,9 @@ iframe#launcher { .group[data-checked] .group-data-\[checked\]\:translate-x-8 { --tw-translate-x: 2rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); } @media (min-width: 600px) { @@ -4411,7 +4494,7 @@ iframe#launcher { } .dark\:border-dark-surface-3:where(.dark, .dark *) { - border-color: rgba(255,255,255,0.12); + border-color: rgba(255, 255, 255, 0.12); } .dark\:\!bg-dark-accent-2:where(.dark, .dark *) { @@ -4425,7 +4508,7 @@ iframe#launcher { } .dark\:\!bg-dark-surface-3:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12) !important; + background-color: rgba(255, 255, 255, 0.12) !important; } .dark\:bg-dark-accent-1:where(.dark, .dark *) { @@ -4444,7 +4527,7 @@ iframe#launcher { } .dark\:bg-dark-brown-fade-80:where(.dark, .dark *) { - background-color: rgba(35,30,15,0.80); + background-color: rgba(35, 30, 15, 0.8); } .dark\:bg-dark-green:where(.dark, .dark *) { @@ -4458,7 +4541,7 @@ iframe#launcher { } .dark\:bg-dark-orange-fade-80:where(.dark, .dark *) { - background-color: rgba(55,27,12,0.80); + background-color: rgba(55, 27, 12, 0.8); } .dark\:bg-dark-pink-fade:where(.dark, .dark *) { @@ -4467,7 +4550,7 @@ iframe#launcher { } .dark\:bg-dark-pink-fade-80:where(.dark, .dark *) { - background-color: rgba(54,26,55,0.80); + background-color: rgba(54, 26, 55, 0.8); } .dark\:bg-dark-pink-vibrant:where(.dark, .dark *) { @@ -4486,7 +4569,7 @@ iframe#launcher { } .dark\:bg-dark-surface-3:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12); + background-color: rgba(255, 255, 255, 0.12); } .dark\:to-dark-surface-1:where(.dark, .dark *) { @@ -4494,35 +4577,35 @@ iframe#launcher { } .dark\:fill-blue-base:where(.dark, .dark *) { - fill: #4981FF; + fill: #4981ff; } .dark\:fill-dark-accent-1:where(.dark, .dark *) { - fill: #FC74FE; + fill: #fc74fe; } .dark\:fill-dark-brown-vibrant:where(.dark, .dark *) { - fill: #85754A; + fill: #85754a; } .dark\:fill-dark-neutral-1:where(.dark, .dark *) { - fill: #FFFFFF; + fill: #ffffff; } .dark\:fill-dark-neutral-2:where(.dark, .dark *) { - fill: #9B9B9B; + fill: #9b9b9b; } .dark\:fill-dark-orange-vibrant:where(.dark, .dark *) { - fill: #FF4D00; + fill: #ff4d00; } .dark\:fill-dark-pink-vibrant:where(.dark, .dark *) { - fill: #FC74FE; + fill: #fc74fe; } .dark\:fill-green-base:where(.dark, .dark *) { - fill: #0C8911; + fill: #0c8911; } .dark\:\!text-dark-accent-1:where(.dark, .dark *) { @@ -4601,7 +4684,7 @@ iframe#launcher { } .focus-within\:dark\:\!border-dark-surface-3:where(.dark, .dark *):focus-within { - border-color: rgba(255,255,255,0.12) !important; + border-color: rgba(255, 255, 255, 0.12) !important; } .focus-within\:dark\:\!text-dark-neutral-1:where(.dark, .dark *):focus-within { @@ -4635,11 +4718,11 @@ iframe#launcher { } .dark\:hover\:bg-dark-surface-3:hover:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12); + background-color: rgba(255, 255, 255, 0.12); } .dark\:hover\:bg-dark-surface-3-hovered:hover:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.16); + background-color: rgba(255, 255, 255, 0.16); } .hover\:dark\:\!bg-dark-accent-2-hovered:where(.dark, .dark *):hover { @@ -4653,7 +4736,7 @@ iframe#launcher { } .hover\:dark\:bg-dark-surface-3-hovered:where(.dark, .dark *):hover { - background-color: rgba(255,255,255,0.16); + background-color: rgba(255, 255, 255, 0.16); } .hover\:dark\:bg-light-accent-2:where(.dark, .dark *):hover { @@ -4692,11 +4775,11 @@ iframe#launcher { } .group:hover .group-hover\:dark\:fill-dark-accent-1:where(.dark, .dark *) { - fill: #FC74FE; + fill: #fc74fe; } .group:hover .group-hover\:dark\:fill-dark-neutral-1:where(.dark, .dark *) { - fill: #FFFFFF; + fill: #ffffff; } .group:hover .dark\:group-hover\:text-dark-accent-1:where(.dark, .dark *) { @@ -4735,7 +4818,7 @@ iframe#launcher { } .dark\:data-\[active\]\:bg-dark-surface-3[data-active]:where(.dark, .dark *) { - background-color: rgba(255,255,255,0.12); + background-color: rgba(255, 255, 255, 0.12); } .dark\:data-\[active\]\:text-dark-neutral-1[data-active]:where(.dark, .dark *) { diff --git a/style.css b/style.css index b683f351a..3c9176aac 100644 --- a/style.css +++ b/style.css @@ -98,24 +98,24 @@ select { } button, -[type=button], -[type=reset], -[type=submit] { +[type='button'], +[type='reset'], +[type='submit'] { -webkit-appearance: button; } button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } @@ -140,23 +140,23 @@ textarea { overflow: auto; } -[type=checkbox], -[type=radio] { +[type='checkbox'], +[type='radio'] { box-sizing: border-box; padding: 0; } -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { height: auto; } -[type=search] { +[type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } -[type=search]::-webkit-search-decoration { +[type='search']::-webkit-search-decoration { -webkit-appearance: none; } @@ -182,7 +182,8 @@ template { } @keyframes float { - 0%, 100% { + 0%, + 100% { transform: translateY(0); } 50% { @@ -196,17 +197,17 @@ template { } .avatar-wrapper g:nth-of-type(1) { - animation-duration: 6s; + animation-duration: 4s; animation-delay: 2s; } .avatar-wrapper g:nth-of-type(2) { - animation-duration: 4s; - animation-delay: 2s; + animation-duration: 5s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(3) { - animation-duration: 4s; + animation-duration: 5s; animation-delay: 2s; } @@ -216,17 +217,17 @@ template { } .avatar-wrapper g:nth-of-type(5) { - animation-duration: 4s; + animation-duration: 6s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(6) { - animation-duration: 5s; + animation-duration: 6s; animation-delay: 1s; } .avatar-wrapper g:nth-of-type(7) { - animation-duration: 6s; + animation-duration: 4s; animation-delay: 2s; } @@ -237,10 +238,10 @@ template { .avatar-wrapper g:nth-of-type(9) { animation-duration: 5s; - animation-delay: 2s; + animation-delay: 1s; } .avatar-wrapper g:nth-of-type(10) { animation-duration: 6s; animation-delay: 1s; -} \ No newline at end of file +} diff --git a/styles/main.css b/styles/main.css index f8101278b..648edaa26 100644 --- a/styles/main.css +++ b/styles/main.css @@ -4,6 +4,9 @@ @import '../assets/types.css'; +body { + @apply min-h-screen bg-light-surface-1 dark:bg-dark-surface-1; +} .site-max-width { max-width: 1440px; } From fdd61d0e1daf45af7426566e9ef68ec7a3b21267 Mon Sep 17 00:00:00 2001 From: nahbee10 Date: Fri, 13 Dec 2024 01:44:30 +0900 Subject: [PATCH 7/7] update the theme version --- manifest.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/manifest.json b/manifest.json index a9b68b8b7..87a7e438f 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Copenhagen", "author": "Sanctuary Computer", - "version": "4.2.27", + "version": "4.2.28", "api_version": 4, "default_locale": "en-us", "settings": [