Skip to content

Commit 6928e18

Browse files
SimonPadburySimonPadbury
committed
v.5.3.5
1 parent e4b05e4 commit 6928e18

File tree

67 files changed

+361
-286
lines changed

Some content is hidden

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

67 files changed

+361
-286
lines changed

‎CHANGELOG.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,12 @@
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-
## 28 Nov 2024 v.5.3.4
5+
## 28 Nov 2025 -- v.5.3.5
6+
7+
* Added table modifier class `--t-lined`
8+
* Variable `--line-detail` renamed as `--line` throughout.
9+
10+
## 28 Nov 2024 -- v.5.3.4
611

712
* Font size bump 112.5% (default 18px) for 768px up.
813
* Color variable outputs changed to the OKLAB color space. (Tried the OKLCH color space, but this distorted the lightness levels, especially of the lighter greens coming out as orange.)

‎README.md

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

2121
***
2222

23-
* Current version: 5.3.4 -- see [changelog](https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md)
23+
* Current version: 5.3.5 -- see [changelog](https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md)
2424
* CSS file size: 96 KB
2525
* Licence: MIT
2626
* Developer: Simon Padbury

‎docs/dist/codebase.css

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

‎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.

‎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.4" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.5" 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">
@@ -247,13 +247,13 @@
247247
<svg viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2">
248248
<path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path>
249249
</svg>
250-
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.4</span>
250+
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.5</span>
251251
</a>
252252
</div>
253253

254254
<div class="grow">
255255
<div class="menu pr-1 flex flex-end sm:hidden-below links-no-underline">
256-
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.4">Download CSS</a></div>
256+
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.5">Download CSS</a></div>
257257
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
258258
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md">Changelog</a></div>
259259
</div>
@@ -309,7 +309,7 @@
309309
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
310310

311311
<div class="mb-3 sm:hidden">
312-
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
312+
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.5">Download</a></div>
313313
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
314314
</div>
315315

@@ -711,7 +711,7 @@ <h3 id="apps-and-browser-extensions" tabindex="-1">Apps and browser extensions</
711711
</p>
712712

713713
<menu 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">
714-
<div>Version: 5.3.4</div>
714+
<div>Version: 5.3.5</div>
715715
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
716716
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
717717
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/dist/codebase.css">CSS (minified)</a> 96 KB</div>

‎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.4" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.5" 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">
@@ -247,13 +247,13 @@
247247
<svg viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2">
248248
<path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path>
249249
</svg>
250-
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.4</span>
250+
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.5</span>
251251
</a>
252252
</div>
253253

254254
<div class="grow">
255255
<div class="menu pr-1 flex flex-end sm:hidden-below links-no-underline">
256-
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.4">Download CSS</a></div>
256+
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.5">Download CSS</a></div>
257257
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
258258
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md">Changelog</a></div>
259259
</div>
@@ -309,7 +309,7 @@
309309
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
310310

311311
<div class="mb-3 sm:hidden">
312-
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
312+
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.5">Download</a></div>
313313
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
314314
</div>
315315

@@ -601,7 +601,7 @@ <h3 id="example%3A-how-codebase-uses-color-variables" tabindex="-1">Example: How
601601
</p>
602602

603603
<menu 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">
604-
<div>Version: 5.3.4</div>
604+
<div>Version: 5.3.5</div>
605605
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
606606
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
607607
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/dist/codebase.css">CSS (minified)</a> 96 KB</div>

‎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.4" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.5" 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">
@@ -247,13 +247,13 @@
247247
<svg viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2">
248248
<path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path>
249249
</svg>
250-
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.4</span>
250+
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.5</span>
251251
</a>
252252
</div>
253253

254254
<div class="grow">
255255
<div class="menu pr-1 flex flex-end sm:hidden-below links-no-underline">
256-
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.4">Download CSS</a></div>
256+
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.5">Download CSS</a></div>
257257
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
258258
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md">Changelog</a></div>
259259
</div>
@@ -309,7 +309,7 @@
309309
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
310310

311311
<div class="mb-3 sm:hidden">
312-
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
312+
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.5">Download</a></div>
313313
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
314314
</div>
315315

@@ -621,7 +621,7 @@ <h2 id="utility-class-spacing" tabindex="-1">Utility class spacing</h2>
621621
</p>
622622

623623
<menu 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">
624-
<div>Version: 5.3.4</div>
624+
<div>Version: 5.3.5</div>
625625
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
626626
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
627627
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/dist/codebase.css">CSS (minified)</a> 96 KB</div>

‎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.4" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.5" 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">
@@ -247,13 +247,13 @@
247247
<svg viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2">
248248
<path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path>
249249
</svg>
250-
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.4</span>
250+
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.5</span>
251251
</a>
252252
</div>
253253

254254
<div class="grow">
255255
<div class="menu pr-1 flex flex-end sm:hidden-below links-no-underline">
256-
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.4">Download CSS</a></div>
256+
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.5">Download CSS</a></div>
257257
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
258258
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md">Changelog</a></div>
259259
</div>
@@ -309,7 +309,7 @@
309309
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
310310

311311
<div class="mb-3 sm:hidden">
312-
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
312+
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.5">Download</a></div>
313313
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
314314
</div>
315315

@@ -635,7 +635,7 @@ <h2 id="gulp-is-no-longer-required" tabindex="-1">Gulp is no longer required</h2
635635
</p>
636636

637637
<menu 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">
638-
<div>Version: 5.3.4</div>
638+
<div>Version: 5.3.5</div>
639639
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
640640
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
641641
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/dist/codebase.css">CSS (minified)</a> 96 KB</div>

‎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.4" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.3.5" 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">
@@ -247,13 +247,13 @@
247247
<svg viewBox="0 0 340 180" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-miterlimit="2">
248248
<path d="M195.956 115.956c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853 0 50.912L323.235 90.5l-76.367-76.368c14.058 14.059 14.058 36.853 0 50.912-14.059 14.059-36.853 14.059-50.912 0-14.059-14.059-36.853-14.059-50.912 0-14.059 14.059-14.059 36.853 0 50.912 14.059 14.059 36.853 14.059 50.912 0M17.765 90.5l76.367-76.368c-42.176 42.177-42.176 110.559 0 152.736L17.765 90.5z" fill-rule="nonzero" fill="currentColor" stroke="currentColor" stroke-width="10"></path>
249249
</svg>
250-
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.4</span>
250+
<span class="t-loose t-semibold">Codebase CSS</span> <span class="ml-1 t-sm t-gray-400">v.5.3.5</span>
251251
</a>
252252
</div>
253253

254254
<div class="grow">
255255
<div class="menu pr-1 flex flex-end sm:hidden-below links-no-underline">
256-
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.4">Download CSS</a></div>
256+
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="/codebase-5/dist/codebase.css?v=5.3.5">Download CSS</a></div>
257257
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
258258
<div class="p-cell"><a class="t-gray-100 hover:t-white" href="https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md">Changelog</a></div>
259259
</div>
@@ -309,7 +309,7 @@
309309
<div id="side-menu-wrap" class="p-2 md:pt-4 pb-6">
310310

311311
<div class="mb-3 sm:hidden">
312-
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.4">Download</a></div>
312+
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="/codebase-5/dist/codebase.css?v=5.3.5">Download</a></div>
313313
<div><a class="block py-1 t-underline-hover-only t-gray-600 hover:t-gray-900" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
314314
</div>
315315

@@ -651,7 +651,7 @@ <h2 id="browser-support" tabindex="-1">Browser support</h2>
651651
</p>
652652

653653
<menu 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">
654-
<div>Version: 5.3.4</div>
654+
<div>Version: 5.3.5</div>
655655
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/docs/1-getting-started/introduction/">Documentation</a></div>
656656
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="https://github.com/codebase-frontend-library/codebase-5">GitHub Repository</a></div>
657657
<div><a class="t-gray-200 hover:t-white t-underline-hover-only" href="/codebase-5/dist/codebase.css">CSS (minified)</a> 96 KB</div>

0 commit comments

Comments
 (0)