Skip to content

Commit c23145f

Browse files
committed
v.5.3.1
1 parent d3f1b7d commit c23145f

File tree

66 files changed

+287
-282
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

66 files changed

+287
-282
lines changed

Diff for: CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,10 @@
22

33
<!-- Note: update version numbers need updating every time in `metadata.json`, `package.json`, `package-lock.json` (×2), `README.md`, `CHANGELOG.md`, and `codebase.scss` -->
44

5+
## 8 Nov 2024 -- v.5.3.1
6+
7+
* Added utility `overflow-clip` using `overflow: clip`. (`overflow-hidden` is now aliased to this, for backwards compatability.)
8+
59
## 6 Nov 2024 -- v.5.3.0
610

711
* Updated NPM packages, including Eleventy and Dart-Sass. The Dart-Sass update required making some updates to several Sass functions in Codebase, fixing breaking changes for the preprocessor.

Diff for: README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ Install via Git: https://github.com/codebase-frontend-library/codebase-5.git
1919

2020
***
2121

22-
* Current version: 5.3.0 -- see [changelog](https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md)
22+
* Current version: 5.3.1 -- see [changelog](https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md)
2323
* CSS file size: 94.2 KB
2424
* Licence: MIT
2525
* Developer: Simon Padbury

Diff for: docs/dist/codebase.css

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: docs/dist/codebase.css.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: docs/docs/1-getting-started/accessibility/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<title>Accessibility - Codebase</title>
99

1010
<link href="/codebase-5/prism/prism.css" rel="stylesheet">
11-
<link href="/codebase-5/dist/codebase.css?v=5.3.0" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.1" rel="stylesheet">
1212

1313
<link rel="icon" type="image/svg+xml" href="/codebase-5/favicon.svg">
1414
<link rel="apple-touch-icon" sizes="180x180" href="/codebase-5/apple-touch-icon.png">
@@ -259,7 +259,7 @@
259259

260260
<div class="grow">
261261
<div class="menu pr-1 flex flex-end sm:hidden-below">
262-
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.0">Download CSS</a></div>
262+
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.1">Download CSS</a></div>
263263
<div><a class="p-cell t-gray-100 t-decoration-none hover:t-decoration-underline hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
264264
</div>
265265
</div>
@@ -314,7 +314,7 @@
314314
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
315315

316316
<div class="mb-3 sm:hidden">
317-
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.0">Download</a></div>
317+
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.1">Download</a></div>
318318
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
319319
</div>
320320

@@ -691,10 +691,10 @@ <h3 id="apps-and-browser-extensions" tabindex="-1">Apps and browser extensions</
691691
</p>
692692

693693
<div class="container-lg py-3 grid xs:equal-2-cols sm:equal-3-cols md:equal-4-cols lg:equal-6-cols gap-2 t-center">
694-
<div>Version: 5.3.0</div>
694+
<div>Version: 5.3.1</div>
695695
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
696696
<div><a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
697-
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94.2 KB)</div>
697+
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94 KB)</div>
698698
<div class="md:col-2 lg:col-5">Licence: <a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/LICENCE">MIT</a></div>
699699
<div>Developer: <a class="t-gray-200 hover:t-white" href="https://github.com/SimonPadbury">Simon Padbury</a></div>
700700
</div>

Diff for: docs/docs/1-getting-started/css-variables/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<title>CSS Variables - Codebase</title>
99

1010
<link href="/codebase-5/prism/prism.css" rel="stylesheet">
11-
<link href="/codebase-5/dist/codebase.css?v=5.3.0" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.1" rel="stylesheet">
1212

1313
<link rel="icon" type="image/svg+xml" href="/codebase-5/favicon.svg">
1414
<link rel="apple-touch-icon" sizes="180x180" href="/codebase-5/apple-touch-icon.png">
@@ -259,7 +259,7 @@
259259

260260
<div class="grow">
261261
<div class="menu pr-1 flex flex-end sm:hidden-below">
262-
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.0">Download CSS</a></div>
262+
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.1">Download CSS</a></div>
263263
<div><a class="p-cell t-gray-100 t-decoration-none hover:t-decoration-underline hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
264264
</div>
265265
</div>
@@ -314,7 +314,7 @@
314314
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
315315

316316
<div class="mb-3 sm:hidden">
317-
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.0">Download</a></div>
317+
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.1">Download</a></div>
318318
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
319319
</div>
320320

@@ -605,10 +605,10 @@ <h3 id="example%3A-how-codebase-uses-color-variables" tabindex="-1">Example: How
605605
</p>
606606

607607
<div class="container-lg py-3 grid xs:equal-2-cols sm:equal-3-cols md:equal-4-cols lg:equal-6-cols gap-2 t-center">
608-
<div>Version: 5.3.0</div>
608+
<div>Version: 5.3.1</div>
609609
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
610610
<div><a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
611-
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94.2 KB)</div>
611+
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94 KB)</div>
612612
<div class="md:col-2 lg:col-5">Licence: <a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/LICENCE">MIT</a></div>
613613
<div>Developer: <a class="t-gray-200 hover:t-white" href="https://github.com/SimonPadbury">Simon Padbury</a></div>
614614
</div>

Diff for: docs/docs/1-getting-started/element-grid/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<title>Element grid - Codebase</title>
99

1010
<link href="/codebase-5/prism/prism.css" rel="stylesheet">
11-
<link href="/codebase-5/dist/codebase.css?v=5.3.0" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.1" rel="stylesheet">
1212

1313
<link rel="icon" type="image/svg+xml" href="/codebase-5/favicon.svg">
1414
<link rel="apple-touch-icon" sizes="180x180" href="/codebase-5/apple-touch-icon.png">
@@ -259,7 +259,7 @@
259259

260260
<div class="grow">
261261
<div class="menu pr-1 flex flex-end sm:hidden-below">
262-
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.0">Download CSS</a></div>
262+
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.1">Download CSS</a></div>
263263
<div><a class="p-cell t-gray-100 t-decoration-none hover:t-decoration-underline hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
264264
</div>
265265
</div>
@@ -314,7 +314,7 @@
314314
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
315315

316316
<div class="mb-3 sm:hidden">
317-
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.0">Download</a></div>
317+
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.1">Download</a></div>
318318
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
319319
</div>
320320

@@ -625,10 +625,10 @@ <h2 id="utility-class-spacing" tabindex="-1">Utility class spacing</h2>
625625
</p>
626626

627627
<div class="container-lg py-3 grid xs:equal-2-cols sm:equal-3-cols md:equal-4-cols lg:equal-6-cols gap-2 t-center">
628-
<div>Version: 5.3.0</div>
628+
<div>Version: 5.3.1</div>
629629
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
630630
<div><a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
631-
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94.2 KB)</div>
631+
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94 KB)</div>
632632
<div class="md:col-2 lg:col-5">Licence: <a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/LICENCE">MIT</a></div>
633633
<div>Developer: <a class="t-gray-200 hover:t-white" href="https://github.com/SimonPadbury">Simon Padbury</a></div>
634634
</div>

Diff for: docs/docs/1-getting-started/improvements-since-codebase-4/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<title>Improvements - Codebase</title>
99

1010
<link href="/codebase-5/prism/prism.css" rel="stylesheet">
11-
<link href="/codebase-5/dist/codebase.css?v=5.3.0" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.1" rel="stylesheet">
1212

1313
<link rel="icon" type="image/svg+xml" href="/codebase-5/favicon.svg">
1414
<link rel="apple-touch-icon" sizes="180x180" href="/codebase-5/apple-touch-icon.png">
@@ -259,7 +259,7 @@
259259

260260
<div class="grow">
261261
<div class="menu pr-1 flex flex-end sm:hidden-below">
262-
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.0">Download CSS</a></div>
262+
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.1">Download CSS</a></div>
263263
<div><a class="p-cell t-gray-100 t-decoration-none hover:t-decoration-underline hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
264264
</div>
265265
</div>
@@ -314,7 +314,7 @@
314314
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
315315

316316
<div class="mb-3 sm:hidden">
317-
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.0">Download</a></div>
317+
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.1">Download</a></div>
318318
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
319319
</div>
320320

@@ -639,10 +639,10 @@ <h2 id="gulp-is-no-longer-required" tabindex="-1">Gulp is no longer required</h2
639639
</p>
640640

641641
<div class="container-lg py-3 grid xs:equal-2-cols sm:equal-3-cols md:equal-4-cols lg:equal-6-cols gap-2 t-center">
642-
<div>Version: 5.3.0</div>
642+
<div>Version: 5.3.1</div>
643643
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
644644
<div><a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
645-
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94.2 KB)</div>
645+
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94 KB)</div>
646646
<div class="md:col-2 lg:col-5">Licence: <a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/LICENCE">MIT</a></div>
647647
<div>Developer: <a class="t-gray-200 hover:t-white" href="https://github.com/SimonPadbury">Simon Padbury</a></div>
648648
</div>

Diff for: docs/docs/1-getting-started/introduction/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<title>Introduction - Codebase</title>
99

1010
<link href="/codebase-5/prism/prism.css" rel="stylesheet">
11-
<link href="/codebase-5/dist/codebase.css?v=5.3.0" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.1" rel="stylesheet">
1212

1313
<link rel="icon" type="image/svg+xml" href="/codebase-5/favicon.svg">
1414
<link rel="apple-touch-icon" sizes="180x180" href="/codebase-5/apple-touch-icon.png">
@@ -259,7 +259,7 @@
259259

260260
<div class="grow">
261261
<div class="menu pr-1 flex flex-end sm:hidden-below">
262-
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.0">Download CSS</a></div>
262+
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.1">Download CSS</a></div>
263263
<div><a class="p-cell t-gray-100 t-decoration-none hover:t-decoration-underline hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
264264
</div>
265265
</div>
@@ -314,7 +314,7 @@
314314
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
315315

316316
<div class="mb-3 sm:hidden">
317-
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.0">Download</a></div>
317+
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.1">Download</a></div>
318318
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
319319
</div>
320320

@@ -649,10 +649,10 @@ <h2 id="browser-support" tabindex="-1">Browser support</h2>
649649
</p>
650650

651651
<div class="container-lg py-3 grid xs:equal-2-cols sm:equal-3-cols md:equal-4-cols lg:equal-6-cols gap-2 t-center">
652-
<div>Version: 5.3.0</div>
652+
<div>Version: 5.3.1</div>
653653
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
654654
<div><a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
655-
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94.2 KB)</div>
655+
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94 KB)</div>
656656
<div class="md:col-2 lg:col-5">Licence: <a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/LICENCE">MIT</a></div>
657657
<div>Developer: <a class="t-gray-200 hover:t-white" href="https://github.com/SimonPadbury">Simon Padbury</a></div>
658658
</div>

Diff for: docs/docs/1-getting-started/responsive-design/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<title>Responsive design - Codebase</title>
99

1010
<link href="/codebase-5/prism/prism.css" rel="stylesheet">
11-
<link href="/codebase-5/dist/codebase.css?v=5.3.0" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.1" rel="stylesheet">
1212

1313
<link rel="icon" type="image/svg+xml" href="/codebase-5/favicon.svg">
1414
<link rel="apple-touch-icon" sizes="180x180" href="/codebase-5/apple-touch-icon.png">
@@ -259,7 +259,7 @@
259259

260260
<div class="grow">
261261
<div class="menu pr-1 flex flex-end sm:hidden-below">
262-
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.0">Download CSS</a></div>
262+
<div><a class="p-cell t-gray-100 t-decoration-none t-semibold hover:t-decoration-underline hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.1">Download CSS</a></div>
263263
<div><a class="p-cell t-gray-100 t-decoration-none hover:t-decoration-underline hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
264264
</div>
265265
</div>
@@ -314,7 +314,7 @@
314314
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
315315

316316
<div class="mb-3 sm:hidden">
317-
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.0">Download</a></div>
317+
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.1">Download</a></div>
318318
<div><a class="block py-1 t-decoration-none hover:t-decoration-underline t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
319319
</div>
320320

@@ -698,10 +698,10 @@ <h2 id="infographic%3A-responsive-css-classes-in-codebase" tabindex="-1">Infogra
698698
</p>
699699

700700
<div class="container-lg py-3 grid xs:equal-2-cols sm:equal-3-cols md:equal-4-cols lg:equal-6-cols gap-2 t-center">
701-
<div>Version: 5.3.0</div>
701+
<div>Version: 5.3.1</div>
702702
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
703703
<div><a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
704-
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94.2 KB)</div>
704+
<div><a class="t-gray-200 hover:t-white" href="/codebase-5/dist/codebase.css">CSS (minified)</a> (94 KB)</div>
705705
<div class="md:col-2 lg:col-5">Licence: <a class="t-gray-200 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/LICENCE">MIT</a></div>
706706
<div>Developer: <a class="t-gray-200 hover:t-white" href="https://github.com/SimonPadbury">Simon Padbury</a></div>
707707
</div>

0 commit comments

Comments
 (0)