Skip to content

Commit d23a44b

Browse files
SimonPadburySimonPadbury
committed
v.5.2.13
1 parent 95e2671 commit d23a44b

File tree

60 files changed

+219
-215
lines changed

Some content is hidden

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

60 files changed

+219
-215
lines changed

Diff for: ‎CHANGELOG.md

+5-1
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,14 @@
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+
## 9 May 2024 -- v.5.2.13
6+
7+
* Improved the `teal` color.
8+
59
## 29 Feb 2024 -- v.5.2.12
610

711
* Added position `static` utility to all breakpoints.
8-
* Added tet-wrap `t-balance` utility.
12+
* Added text-wrap `t-balance` utility.
913

1014
## 12 Feb 2024 -- v.5.2.11
1115

Diff for: ‎README.md

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

1919
***
2020

21-
* Current version: 5.2.12 -- see [changelog](https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md)
21+
* Current version: 5.2.13 -- see [changelog](https://github.com/codebase-frontend-library/codebase-5/blob/main/CHANGELOG.md)
2222
* CSS file size: 91.9 KB
2323
* Licence: MIT
2424
* Developer: Simon Padbury

Diff for: ‎docs/dist/codebase.css

+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

+4-4
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.2.12" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.2.13" 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">
@@ -251,7 +251,7 @@
251251

252252
<div class="grow">
253253
<div class="menu pr-1 flex flex-end sm:hidden-below">
254-
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.12">Download CSS</a></div>
254+
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.13">Download CSS</a></div>
255255
<div><a class="p-block t-gray-600 t-decoration-none hover:t-decoration-underline hover:t-black t-semibold" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
256256
</div>
257257
</div>
@@ -306,7 +306,7 @@
306306
<div id="side-menu-wrap" class="p-2 pb-6">
307307

308308
<div class="mb-3 sm:hidden">
309-
<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.2.12">Download</a></div>
309+
<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.2.13">Download</a></div>
310310
<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>
311311
</div>
312312

@@ -683,7 +683,7 @@ <h3 id="apps-and-browser-extensions" tabindex="-1">Apps and browser extensions</
683683
<path d="M220 270.13 109.87 380 90 399.87l.13.13-.13.13 130 129.74 20.815-20.37L129.87 400 240.5 290.8 220 270.13Z" transform="translate(-90 -270.13)" fill="currentColor" />
684684
</svg>
685685
<span class="inline-block mt-2 t-semibold">
686-
Codebase <span class="t-sm t-teal-300">v.5.2.12</span>
686+
Codebase <span class="t-sm t-teal-300">v.5.2.13</span>
687687
</span>
688688
</span>
689689
</a>

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

+4-4
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.2.12" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.2.13" 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">
@@ -251,7 +251,7 @@
251251

252252
<div class="grow">
253253
<div class="menu pr-1 flex flex-end sm:hidden-below">
254-
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.12">Download CSS</a></div>
254+
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.13">Download CSS</a></div>
255255
<div><a class="p-block t-gray-600 t-decoration-none hover:t-decoration-underline hover:t-black t-semibold" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
256256
</div>
257257
</div>
@@ -306,7 +306,7 @@
306306
<div id="side-menu-wrap" class="p-2 pb-6">
307307

308308
<div class="mb-3 sm:hidden">
309-
<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.2.12">Download</a></div>
309+
<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.2.13">Download</a></div>
310310
<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>
311311
</div>
312312

@@ -595,7 +595,7 @@ <h2 id="how-you-can-use-and-override-codebase-css-variables" tabindex="-1">How y
595595
<path d="M220 270.13 109.87 380 90 399.87l.13.13-.13.13 130 129.74 20.815-20.37L129.87 400 240.5 290.8 220 270.13Z" transform="translate(-90 -270.13)" fill="currentColor" />
596596
</svg>
597597
<span class="inline-block mt-2 t-semibold">
598-
Codebase <span class="t-sm t-teal-300">v.5.2.12</span>
598+
Codebase <span class="t-sm t-teal-300">v.5.2.13</span>
599599
</span>
600600
</span>
601601
</a>

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

+4-4
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.2.12" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.2.13" 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">
@@ -251,7 +251,7 @@
251251

252252
<div class="grow">
253253
<div class="menu pr-1 flex flex-end sm:hidden-below">
254-
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.12">Download CSS</a></div>
254+
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.13">Download CSS</a></div>
255255
<div><a class="p-block t-gray-600 t-decoration-none hover:t-decoration-underline hover:t-black t-semibold" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
256256
</div>
257257
</div>
@@ -306,7 +306,7 @@
306306
<div id="side-menu-wrap" class="p-2 pb-6">
307307

308308
<div class="mb-3 sm:hidden">
309-
<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.2.12">Download</a></div>
309+
<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.2.13">Download</a></div>
310310
<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>
311311
</div>
312312

@@ -613,7 +613,7 @@ <h2 id="utility-class-spacing" tabindex="-1">Utility class spacing</h2>
613613
<path d="M220 270.13 109.87 380 90 399.87l.13.13-.13.13 130 129.74 20.815-20.37L129.87 400 240.5 290.8 220 270.13Z" transform="translate(-90 -270.13)" fill="currentColor" />
614614
</svg>
615615
<span class="inline-block mt-2 t-semibold">
616-
Codebase <span class="t-sm t-teal-300">v.5.2.12</span>
616+
Codebase <span class="t-sm t-teal-300">v.5.2.13</span>
617617
</span>
618618
</span>
619619
</a>

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

+4-4
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.2.12" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.2.13" 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">
@@ -251,7 +251,7 @@
251251

252252
<div class="grow">
253253
<div class="menu pr-1 flex flex-end sm:hidden-below">
254-
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.12">Download CSS</a></div>
254+
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.13">Download CSS</a></div>
255255
<div><a class="p-block t-gray-600 t-decoration-none hover:t-decoration-underline hover:t-black t-semibold" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
256256
</div>
257257
</div>
@@ -306,7 +306,7 @@
306306
<div id="side-menu-wrap" class="p-2 pb-6">
307307

308308
<div class="mb-3 sm:hidden">
309-
<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.2.12">Download</a></div>
309+
<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.2.13">Download</a></div>
310310
<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>
311311
</div>
312312

@@ -629,7 +629,7 @@ <h2 id="gulp-is-no-longer-required" tabindex="-1">Gulp is no longer required</h2
629629
<path d="M220 270.13 109.87 380 90 399.87l.13.13-.13.13 130 129.74 20.815-20.37L129.87 400 240.5 290.8 220 270.13Z" transform="translate(-90 -270.13)" fill="currentColor" />
630630
</svg>
631631
<span class="inline-block mt-2 t-semibold">
632-
Codebase <span class="t-sm t-teal-300">v.5.2.12</span>
632+
Codebase <span class="t-sm t-teal-300">v.5.2.13</span>
633633
</span>
634634
</span>
635635
</a>

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.2.12" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.2.13" 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">
@@ -251,7 +251,7 @@
251251

252252
<div class="grow">
253253
<div class="menu pr-1 flex flex-end sm:hidden-below">
254-
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.12">Download CSS</a></div>
254+
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.13">Download CSS</a></div>
255255
<div><a class="p-block t-gray-600 t-decoration-none hover:t-decoration-underline hover:t-black t-semibold" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
256256
</div>
257257
</div>
@@ -306,7 +306,7 @@
306306
<div id="side-menu-wrap" class="p-2 pb-6">
307307

308308
<div class="mb-3 sm:hidden">
309-
<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.2.12">Download</a></div>
309+
<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.2.13">Download</a></div>
310310
<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>
311311
</div>
312312

@@ -596,7 +596,7 @@ <h2 id="the-scss-library" tabindex="-1">The SCSS library</h2>
596596
<p>You can incrementally add your web project’s distinctive design features after including Codebase in your HTML <code>&lt;head&gt;</code> (or including it whichever way you need to do it in your design platform). And you can customize Codebase itself.</p>
597597
<p>The Codebase SCSS library contains a lot of <a href="https://github.com/codebase-frontend-library/codebase-5/tree/master/src/codebase/scss/00_setup/_default-variables.scss">default variables</a> that are under a <code>!default</code> flag – so that they can be overridden.</p>
598598
<p>For example, here is the <a href="https://sass-lang.com/documentation/values/maps">Sass map</a> of the seven default theme colors in Codebase:</p>
599-
<pre class="language-scss"><code class="language-scss"><span class="token property"><span class="token variable">$theme-color</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span><br> <span class="token string">"blue"</span><span class="token punctuation">:</span> #1262ed<span class="token punctuation">,</span><br> <span class="token string">"green"</span><span class="token punctuation">:</span> #128a12<span class="token punctuation">,</span><br> <span class="token string">"amber"</span><span class="token punctuation">:</span> #f0b300<span class="token punctuation">,</span><br> <span class="token string">"red"</span><span class="token punctuation">:</span> #cf000f<span class="token punctuation">,</span><br> <span class="token string">"purple"</span><span class="token punctuation">:</span> #9400d3<span class="token punctuation">,</span><br> <span class="token string">"teal"</span><span class="token punctuation">:</span> #0080a2<span class="token punctuation">,</span><br> <span class="token string">"gray"</span><span class="token punctuation">:</span> #767676<span class="token punctuation">,</span><br><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
599+
<pre class="language-scss"><code class="language-scss"><span class="token property"><span class="token variable">$theme-color</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span><br> <span class="token string">"blue"</span><span class="token punctuation">:</span> #1262ed<span class="token punctuation">,</span><br> <span class="token string">"green"</span><span class="token punctuation">:</span> #128a12<span class="token punctuation">,</span><br> <span class="token string">"amber"</span><span class="token punctuation">:</span> #f0b300<span class="token punctuation">,</span><br> <span class="token string">"red"</span><span class="token punctuation">:</span> #cf000f<span class="token punctuation">,</span><br> <span class="token string">"purple"</span><span class="token punctuation">:</span> #9400d3<span class="token punctuation">,</span><br> <span class="token string">"teal"</span><span class="token punctuation">:</span> #0d98ba<span class="token punctuation">,</span><br> <span class="token string">"gray"</span><span class="token punctuation">:</span> #767676<span class="token punctuation">,</span><br><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre>
600600
<p>These colors are the same as those in the <code>$ui-color</code> map that sets the UI colors (for buttons, badges, and labels) but you can change that by editing the <code>$theme-color</code> map and preprocessing the SCSS.</p>
601601
<p>You can override all these names and color codes, remove some or add more – to suit your branding – and the Codebase utility classes will all be generated using <code>each()</code> loops. So, you don’t need to figure out or input all the shades or each color.</p>
602602
<p>Read more on <a href="/codebase-5/docs/1-getting-started/css-variables/">CSS variables in Codebase</a>.</p>
@@ -641,7 +641,7 @@ <h2 id="browser-support" tabindex="-1">Browser support</h2>
641641
<path d="M220 270.13 109.87 380 90 399.87l.13.13-.13.13 130 129.74 20.815-20.37L129.87 400 240.5 290.8 220 270.13Z" transform="translate(-90 -270.13)" fill="currentColor" />
642642
</svg>
643643
<span class="inline-block mt-2 t-semibold">
644-
Codebase <span class="t-sm t-teal-300">v.5.2.12</span>
644+
Codebase <span class="t-sm t-teal-300">v.5.2.13</span>
645645
</span>
646646
</span>
647647
</a>

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

+4-4
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.2.12" rel="stylesheet">
11+
<link href="/codebase-5/dist/codebase.css?v=5.2.13" 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">
@@ -251,7 +251,7 @@
251251

252252
<div class="grow">
253253
<div class="menu pr-1 flex flex-end sm:hidden-below">
254-
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.12">Download CSS</a></div>
254+
<div><a class="p-block t-gray-600 t-decoration-none t-semibold hover:t-decoration-underline hover:t-black t-semibold" href="/codebase-5/dist/codebase.css?v=5.2.13">Download CSS</a></div>
255255
<div><a class="p-block t-gray-600 t-decoration-none hover:t-decoration-underline hover:t-black t-semibold" href="https://github.com/codebase-frontend-library/codebase-5">Github</a></div>
256256
</div>
257257
</div>
@@ -306,7 +306,7 @@
306306
<div id="side-menu-wrap" class="p-2 pb-6">
307307

308308
<div class="mb-3 sm:hidden">
309-
<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.2.12">Download</a></div>
309+
<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.2.13">Download</a></div>
310310
<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>
311311
</div>
312312

@@ -688,7 +688,7 @@ <h2 id="infographic" tabindex="-1">Infographic</h2>
688688
<path d="M220 270.13 109.87 380 90 399.87l.13.13-.13.13 130 129.74 20.815-20.37L129.87 400 240.5 290.8 220 270.13Z" transform="translate(-90 -270.13)" fill="currentColor" />
689689
</svg>
690690
<span class="inline-block mt-2 t-semibold">
691-
Codebase <span class="t-sm t-teal-300">v.5.2.12</span>
691+
Codebase <span class="t-sm t-teal-300">v.5.2.13</span>
692692
</span>
693693
</span>
694694
</a>

0 commit comments

Comments
 (0)