${this.createEmptyStateHTML()}
diff --git a/src/components/Paginator.astro b/src/components/Paginator.astro
index 090db01e783..1cd89d97711 100644
--- a/src/components/Paginator.astro
+++ b/src/components/Paginator.astro
@@ -8,17 +8,20 @@ if (!paginator) return null;
const { previous, pages, next } = paginator;
const pageButtonBase = `${prefabs.button} m-0 py-2.5 px-3.5 br-lg box-border f-center`;
-const prevNextButtonBase = `${pageButtonBase} ${prefabs.actionLinkButton} gap-1 j-center fs-no md:fs-sm before:fs-md`;
+const prevNextButtonBase = `${pageButtonBase} ${prefabs.actionLinkButton} gap-1 j-center fs-no md:fs-sm`;
-const previousButtonClass = `${prevNextButtonBase} ${prefabs.iconButton} icon-chevron-left`;
+const previousButtonClass = `${prevNextButtonBase} ${prefabs.iconButton}`;
const pageButtonClass = `${pageButtonBase} ${prefabs.actionButton} fs-md`;
-const nextButtonClass = `${prevNextButtonBase} ${prefabs.iconReverseButton} icon-chevron-right`;
+const nextButtonClass = `${prevNextButtonBase} ${prefabs.iconReverseButton}`;
---
{
previous ? (
+
{previous.label}
) : (
@@ -43,6 +46,9 @@ const nextButtonClass = `${prevNextButtonBase} ${prefabs.iconReverseButton} icon
{
next ? (
+
{next.label}
) : (
diff --git a/src/icons/check.svg b/src/icons/check.svg
deleted file mode 100644
index 7323f10e079..00000000000
--- a/src/icons/check.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/src/icons/chevron-left.svg b/src/icons/chevron-left.svg
deleted file mode 100644
index 5adb091d4c3..00000000000
--- a/src/icons/chevron-left.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/src/icons/chevron-right.svg b/src/icons/chevron-right.svg
deleted file mode 100644
index a880c42f740..00000000000
--- a/src/icons/chevron-right.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/src/icons/clipboard.svg b/src/icons/clipboard.svg
deleted file mode 100644
index fe194764094..00000000000
--- a/src/icons/clipboard.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/src/icons/close.svg b/src/icons/close.svg
deleted file mode 100644
index e3b795f82df..00000000000
--- a/src/icons/close.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/src/icons/home.svg b/src/icons/home.svg
deleted file mode 100644
index dc46af46857..00000000000
--- a/src/icons/home.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/src/icons/search.svg b/src/icons/search.svg
deleted file mode 100644
index c6bbe8cc0de..00000000000
--- a/src/icons/search.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 17659acfe52..081090ea3a3 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -68,9 +68,11 @@ const {
Collections
-
diff --git a/src/pages/[lang]/s/[snippet].astro b/src/pages/[lang]/s/[snippet].astro
index 7f826ee12ea..fff68740434 100644
--- a/src/pages/[lang]/s/[snippet].astro
+++ b/src/pages/[lang]/s/[snippet].astro
@@ -46,27 +46,4 @@ const {
More like this
-
diff --git a/src/prefabs/index.js b/src/prefabs/index.js
index 8527e2df1e7..0b80c442592 100644
--- a/src/prefabs/index.js
+++ b/src/prefabs/index.js
@@ -33,8 +33,6 @@ const buttons = {
actionButton: 'action-btn',
actionLinkButton: 'action-btn action-btn-link',
chipButton: `${buttonBase} m-0 py-3 px-4 br-md lnk-hover-strong`,
- copyCodeButton:
- 'btn action-btn icon-btn icon icon-clipboard absolute br-lg my-0 mx-2 p-2.5 lh-tight flex-none before:fs-sm',
};
export default {
diff --git a/src/scripts/icons.js b/src/scripts/icons.js
deleted file mode 100644
index ed945fbfd44..00000000000
--- a/src/scripts/icons.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Application } from '#blocks/application';
-
-export const makeIcons = async () => {
- Application.Logger.log('Icon creation process is starting up...\n');
- Application.Logger.logProcessInfo();
-
- await Application.IconWriter.write();
-};
-
-makeIcons();
diff --git a/src/styles/_buttons.scss b/src/styles/_buttons.scss
index 2b976f1ac33..564acba37b8 100644
--- a/src/styles/_buttons.scss
+++ b/src/styles/_buttons.scss
@@ -3,7 +3,10 @@
-webkit-font-smoothing: antialiased;
cursor: pointer;
border: 0;
- transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
+ transition:
+ background 0.3s ease,
+ color 0.3s ease,
+ border 0.3s ease;
&:hover,
&:focus {
@@ -45,10 +48,6 @@
display: inline-flex;
align-items: center;
- &:before {
- vertical-align: bottom;
- }
-
&.icon-btn-reverse {
flex-direction: row-reverse;
}
diff --git a/src/styles/_icons.scss b/src/styles/_icons.scss
deleted file mode 100644
index e879f7434b4..00000000000
--- a/src/styles/_icons.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-@font-face {
- font-family: "icons";
- src: url("../../assets/icons.woff2?6d06981837ab189b57dcb460e6e465cd") format("woff2");
-}
-
-.icon:before {
- font-family: icons !important;
- font-style: normal;
- font-weight: normal !important;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-.icon.icon-search:before {
- content: "\f101";
-}
-.icon.icon-home:before {
- content: "\f102";
-}
-.icon.icon-close:before {
- content: "\f103";
-}
-.icon.icon-clipboard:before {
- content: "\f104";
-}
-.icon.icon-chevron-right:before {
- content: "\f105";
-}
-.icon.icon-chevron-left:before {
- content: "\f106";
-}
-.icon.icon-check:before {
- content: "\f107";
-}
diff --git a/src/styles/components/_cookie-consent-popup.scss b/src/styles/components/_cookie-consent-popup.scss
deleted file mode 100644
index 17684a628a0..00000000000
--- a/src/styles/components/_cookie-consent-popup.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.cookie-consent-popup {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 99999;
- max-height: 60vh;
- overflow-y: auto;
- transform: translateY(0%);
- transition: transform 0.3s ease 0s;
-
- &.hidden {
- transform: translateY(100%);
- }
-
- > p,
- .cookie-consent-buttons {
- max-width: 680px;
- }
-
- .btn {
- flex: 0 1 27.5%;
- }
-}
diff --git a/src/styles/components/_search.scss b/src/styles/components/_search.scss
index f661c9b8d58..bc8d7f39b25 100644
--- a/src/styles/components/_search.scss
+++ b/src/styles/components/_search.scss
@@ -24,13 +24,6 @@
@media screen and (min-width: $layout-large-breakpoint) {
margin-inline-start: 0.25rem;
}
-
- &::before {
- box-sizing: border-box;
- padding: 0.75rem 0;
- margin-inline-start: 0.5rem;
- color: inherit;
- }
}
[type='search'].search-box,
@@ -105,8 +98,4 @@
.btn.omnisearch-close {
margin-inline-end: -4px;
-
- &::before {
- font-size: 32px;
- }
}
diff --git a/src/styles/components/_snippet-card.scss b/src/styles/components/_snippet-card.scss
deleted file mode 100644
index 6aec178efa6..00000000000
--- a/src/styles/components/_snippet-card.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-.snippet-card {
- .code-highlight {
- --action-display: none;
-
- &:hover,
- &:focus-within {
- --action-display: block;
- }
-
- pre {
- + .action-btn {
- display: var(--action-display);
- position: absolute;
- top: 0.5rem;
- z-index: 1000;
- right: 0;
-
- &.active {
- animation-name: active;
- animation-duration: 0.5s;
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition: background 0.25s ease;
-
- &:before {
- opacity: 0;
- animation-name: active-before;
- animation-duration: 0.65s;
- animation-timing-function: ease-in-out;
- }
- }
- }
- }
-
- > pre {
- padding-block-end: 1.5rem;
- }
-
- + .code-highlight {
- margin-top: 0;
-
- > pre {
- margin-block-start: -0.5rem;
-
- + .action-btn {
- top: 0;
- }
- }
- }
- }
-}
-
-@keyframes active {
- 0%,
- 100% {
- transform: scale(1);
- }
- 20% {
- transform: scale(1.15) rotate(3deg);
- }
- 40% {
- transform: scale(0.94);
- }
- 60% {
- transform: scale(0.98) rotate(-3deg);
- }
- 80% {
- transform: scale(1.08);
- }
- 99% {
- }
-}
-
-@keyframes active-before {
- 0%,
- 100% {
- opacity: 0;
- }
- 30%,
- 75% {
- opacity: 1;
- }
-}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 02fc18c220f..3e7078d3141 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,5 +1,4 @@
@import './fonts';
-@import './icons';
@import './breakpoints';
@import './colors';
@import './surfaces';
@@ -15,10 +14,8 @@
// Components
@import './components/breadcrumbs';
@import './components/card';
-@import './components/cookie-consent-popup';
@import './components/preview-card';
@import './components/paginator';
@import './components/search';
@import './components/shell';
-@import './components/snippet-card';
@import './components/listing-page';
diff --git a/src/styles/type/_code.scss b/src/styles/type/_code.scss
index 7a65cff6631..48e3a8ad8ed 100644
--- a/src/styles/type/_code.scss
+++ b/src/styles/type/_code.scss
@@ -99,7 +99,12 @@ pre {
}
pre[class*='language-'] {
- padding: 1rem 0.875rem;
+ padding: 1rem 0.875rem 1.5rem;
+ margin: 1rem 0 0;
+
+ + pre[class*='language-'] {
+ margin-block-start: -0.5rem;
+ }
}
pre.language-text {
diff --git a/src/styles/type/_font-sizes.scss b/src/styles/type/_font-sizes.scss
index 4ea6067f673..26dceb8d0ff 100644
--- a/src/styles/type/_font-sizes.scss
+++ b/src/styles/type/_font-sizes.scss
@@ -38,15 +38,3 @@
@include generate-font-sizes(
('no', 'mi', 'xs', 'sm', 'md', 'lg', 'xl', 'x2', 'x3')
);
-
-// :before pseudo element font sizes
-// Sizes are used mainly for styling icons
-.before\:fs-sm:before {
- font-size: 20px;
-}
-.before\:fs-md:before {
- font-size: 24px;
-}
-.before\:fs-lg:before {
- font-size: 36px;
-}
diff --git a/src/templates/iconCssTemplate.hbs b/src/templates/iconCssTemplate.hbs
deleted file mode 100644
index f1e46c86b0b..00000000000
--- a/src/templates/iconCssTemplate.hbs
+++ /dev/null
@@ -1,21 +0,0 @@
-@font-face {
- font-family: "{{ fontName }}";
- src: {{{ src }}};
-}
-
-{{ baseSelector }}:before {
- font-family: {{ fontName }} !important;
- font-style: normal;
- font-weight: normal !important;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-{{# each codepoints }}
-{{ ../baseSelector }}.{{ ../classPrefix }}{{ @key }}:before {
- content: "\\{{ this }}";
-}
-{{/ each }}
diff --git a/src/templates/rssTemplate.hbs b/src/templates/rssTemplate.hbs
deleted file mode 100644
index 6a775c84f97..00000000000
--- a/src/templates/rssTemplate.hbs
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
- {{ websiteName }}
- {{ websiteDescription }}
- {{ websiteUrl }}
- en-us
-
- {{ websiteUrl }}/assets/logo.png
- {{ websiteName }}
- {{ websiteUrl }}
-
- 1440
-
- {{# each nodes }}
- -
- {{ this.title }}
- {{ this.fullRoute }}
- {{ this.fullRoute }}
- {{ this.description }}
- {{ this.pubDate }}
-
- {{/ each }}
-
-
diff --git a/src/templates/sitemapTemplate.hbs b/src/templates/sitemapTemplate.hbs
deleted file mode 100644
index cca6f23512d..00000000000
--- a/src/templates/sitemapTemplate.hbs
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-{{# each nodes }}
-
- {{ this }}
- daily
- 1.0
-
-{{/ each }}
-