Deploying to gh-pages from @ fc71ccb 🚀

Static/CSS.html

@@ -57,7 +57,7 @@ <h1 class="tc-site-title">
 
 
 
-<div class="tc-tiddler-title"><div class="tc-titlebar"><span class="View-Breadcrumbs"><span class="Path-Elem" data-path-elem="CSS"><details><summary>CSS</summary><div class="tc-table-of-contents"><ol class="tc-toc toc-selective-expandable"><div class="tc-tree"><div><ol></ol></div></div></ol></div></details></span><a class="Path-Copy" href="javascript:(navigator.clipboard.writeText(&quot;CSS&quot;))" title="Copy path to Clipboard">▪️</a></span><span class="tc-tiddler-controls"><button aria-expanded="false" aria-label="more" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Fmore-tiddler-actions" title="More actions"></button><div class=" tc-reveal" hidden="true"></div><span class=" tc-reveal"><button aria-label="fold tiddler" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Ffold" title="Fold the body of this tiddler"></button></span><span class=" tc-reveal" hidden="true"></span><button aria-label="edit" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Fedit" title="Edit this tiddler"></button><button aria-label="close" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Fclose" title="Close this tiddler"></button></span><span><span class="tc-tiddler-title-icon"></span><h2 class="tc-title">CSS</h2></span></div><div class="tc-tiddler-info tc-popup-handle tc-reveal" hidden="true"></div></div><div class="tc-reveal"></div><div class=" tc-reveal"><div class="tc-subtitle"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="Octt.html">Octt</a> 30th January 2024 at 3:45pm</div></div><div class=" tc-reveal"><div class="tc-tags-wrapper"><span class="tc-tag-list-item" data-tag-title="Frontend"><span aria-expanded="false" class="tc-tag-label tc-btn-invisible" draggable="true" style="fill:#333353;color:#333353;">Frontend</span><span class="tc-drop-down tc-reveal" hidden="true"></span></span><span class="tc-tag-list-item" data-tag-title="Web"><span aria-expanded="false" class="tc-tag-label tc-btn-invisible" draggable="true" style="fill:#333353;color:#333353;">Web</span><span class="tc-drop-down tc-reveal" hidden="true"></span></span></div></div><div class="OcttKB-i18n" style="font-size:initial;">
+<div class="tc-tiddler-title"><div class="tc-titlebar"><span class="View-Breadcrumbs"><span class="Path-Elem" data-path-elem="CSS"><details><summary>CSS</summary><div class="tc-table-of-contents"><ol class="tc-toc toc-selective-expandable"><div class="tc-tree"><div><ol></ol></div></div></ol></div></details></span><a class="Path-Copy" href="javascript:(navigator.clipboard.writeText(&quot;CSS&quot;))" title="Copy path to Clipboard">▪️</a></span><span class="tc-tiddler-controls"><button aria-expanded="false" aria-label="more" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Fmore-tiddler-actions" title="More actions"></button><div class=" tc-reveal" hidden="true"></div><span class=" tc-reveal"><button aria-label="fold tiddler" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Ffold" title="Fold the body of this tiddler"></button></span><span class=" tc-reveal" hidden="true"></span><button aria-label="edit" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Fedit" title="Edit this tiddler"></button><button aria-label="close" class="tc-btn-invisible tc-btn-%24%3A%2Fcore%2Fui%2FButtons%2Fclose" title="Close this tiddler"></button></span><span><span class="tc-tiddler-title-icon"></span><h2 class="tc-title">CSS</h2></span></div><div class="tc-tiddler-info tc-popup-handle tc-reveal" hidden="true"></div></div><div class="tc-reveal"></div><div class=" tc-reveal"><div class="tc-subtitle"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="Octt.html">Octt</a> 2nd February 2024 at 12:00am</div></div><div class=" tc-reveal"><div class="tc-tags-wrapper"><span class="tc-tag-list-item" data-tag-title="Frontend"><span aria-expanded="false" class="tc-tag-label tc-btn-invisible" draggable="true" style="fill:#333353;color:#333353;">Frontend</span><span class="tc-drop-down tc-reveal" hidden="true"></span></span><span class="tc-tag-list-item" data-tag-title="Web"><span aria-expanded="false" class="tc-tag-label tc-btn-invisible" draggable="true" style="fill:#333353;color:#333353;">Web</span><span class="tc-drop-down tc-reveal" hidden="true"></span></span></div></div><div class="OcttKB-i18n" style="font-size:initial;">
 
 
 
@@ -67,7 +67,7 @@ <h1 class="tc-site-title">
 <input class="NoSelect Checkbox-Btn Embed-Fullscreen-Btn" label="Fullscreen" type="checkbox">
 <label class="NoSelect Checkbox-Btn Embed-Fullscreen-Btn">Fullscreen</label>
 <iframe class="iFrameNormal" frameborder="0" src="https://en.m.wikipedia.org/wiki/CSS"></iframe>
-</details></p><ul><li><a class="tc-tiddlylink-external" href="https://dev.to/afif" rel="noopener noreferrer" target="_blank">Temani Afif</a> — <em>Your favorite CSS Hacker</em> — <span><span>[</span><span><a class="tc-tiddlylink-external" href="https://github.com/Afif13" rel="noopener noreferrer" target="_blank">GitHub Profile</a></span><span>]</span></span><ul><li><a class="tc-tiddlylink-external" href="https://css-tip.com/" rel="noopener noreferrer" target="_blank">CSS Tip</a> — <em> A micro blog to share CSS Tips &amp; Tricks</em> — <span><span>[</span><span><a class="tc-tiddlylink-external" href="https://github.com/Afif13/CSS-Tip" rel="noopener noreferrer" target="_blank">Git</a></span><span>]</span></span></li></ul></li></ul><h3 class=""><strong>References</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://www.w3schools.com/css/css_attribute_selectors.asp" rel="noopener noreferrer" target="_blank">CSS Attribute Selectors</a></li><li><a class="tc-tiddlylink-external" href="https://www.w3schools.com/css/css_border.asp" rel="noopener noreferrer" target="_blank">CSS Borders [w3s]</a><ul><li><a class="tc-tiddlylink-external" href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-style" rel="noopener noreferrer" target="_blank">border-style [MDN Docs]</a> — all ways to style a border, not only colors</li></ul></li></ul><h3 class=""><strong>Tips</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://stackoverflow.com/questions/2091168/how-to-disable-a-link-using-only-css" rel="noopener noreferrer" target="_blank">How to disable a link using only CSS</a> — essentially, <code>pointer-events: none;</code> for the functional side, + other rules for styling</li></ul><h3 class=""><strong>Frameworks</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://bulma.io/" rel="noopener noreferrer" target="_blank">Bulma</a> — <em>modern CSS framework that just works</em></li><li><a class="tc-tiddlylink-external" href="https://www.getpapercss.com/" rel="noopener noreferrer" target="_blank">PaperCSS</a> — <em>the less formal CSS framework</em></li><li><a class="tc-tiddlylink-external" href="https://www.w3schools.com/w3css/default.asp" rel="noopener noreferrer" target="_blank">W3.CSS</a> — <em>A Quality Alternative to Bootstrap, is Smaller, Faster and Easier to Use.</em></li></ul><h3 class=""><strong>Amazing</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://csszengarden.com/" rel="noopener noreferrer" target="_blank">CSS Zen Garden</a> — <em>The Beauty of CSS Design</em></li><li><a class="tc-tiddlylink-external" href="https://freefrontend.com/css-paper-effects/" rel="noopener noreferrer" target="_blank">25 CSS Paper Effects</a></li><li><a class="tc-tiddlylink-external" href="https://dev.to/5t3ph/reusable-css-sticker-effect-44lc" rel="noopener noreferrer" target="_blank">Reusable CSS "Sticker" Effect</a></li><li><a class="tc-tiddlylink-external" href="https://medium.mybridge.co/26-impressive-web-projects-built-with-css-only-4a4c2f773a21?gi=c96d73b5b5d2" rel="noopener noreferrer" target="_blank">26 Impressive web projects built with CSS only.</a></li><li><a class="tc-tiddlylink-external" href="https://codepen.io/bali_balo/pen/BLJONZ?editors=1100" rel="noopener noreferrer" target="_blank">Pure CSS Minesweeper</a></li><li><a class="tc-tiddlylink-external" href="https://x.st/spinning-diagrams-with-css" rel="noopener noreferrer" target="_blank">Spinning Diagrams with CSS</a></li><li><a class="tc-tiddlylink-external" href="https://dev.to/grahamthedev/bubble-sortin-pure-css-no-js-3bb1" rel="noopener noreferrer" target="_blank">Bubble Sort...in PURE CSS? [No JS] 😱</a></li><li><a class="tc-tiddlylink-external" href="https://codepen.io/davidkpiano/pen/wBGjMr" rel="noopener noreferrer" target="_blank">CSS-only Calendar App Concept</a></li></ul></div>
+</details></p><ul><li><a class="tc-tiddlylink-external" href="https://dev.to/afif" rel="noopener noreferrer" target="_blank">Temani Afif</a> — <em>Your favorite CSS Hacker</em> — <span><span>[</span><span><a class="tc-tiddlylink-external" href="https://github.com/Afif13" rel="noopener noreferrer" target="_blank">GitHub Profile</a></span><span>]</span></span><ul><li><a class="tc-tiddlylink-external" href="https://css-tip.com/" rel="noopener noreferrer" target="_blank">CSS Tip</a> — <em> A micro blog to share CSS Tips &amp; Tricks</em> — <span><span>[</span><span><a class="tc-tiddlylink-external" href="https://github.com/Afif13/CSS-Tip" rel="noopener noreferrer" target="_blank">Git</a></span><span>]</span></span></li></ul></li></ul><h3 class=""><strong>References</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://www.w3schools.com/css/css_attribute_selectors.asp" rel="noopener noreferrer" target="_blank">CSS Attribute Selectors</a></li><li><a class="tc-tiddlylink-external" href="https://www.w3schools.com/css/css_border.asp" rel="noopener noreferrer" target="_blank">CSS Borders [w3s]</a><ul><li><a class="tc-tiddlylink-external" href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-style" rel="noopener noreferrer" target="_blank">border-style [MDN Docs]</a> — all ways to style a border, not only colors</li></ul></li><li><a class="tc-tiddlylink-external" href="https://www.w3schools.com/cssref/pr_import_rule.php" rel="noopener noreferrer" target="_blank">CSS @import Rule</a> — <code>@import "style.css";</code> or <code>@import url("style.css");</code></li></ul><h3 class=""><strong>Tips</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://stackoverflow.com/questions/2091168/how-to-disable-a-link-using-only-css" rel="noopener noreferrer" target="_blank">How to disable a link using only CSS</a> — essentially, <code>pointer-events: none;</code> for the functional side, + other rules for styling</li></ul><h3 class=""><strong>Frameworks</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://bulma.io/" rel="noopener noreferrer" target="_blank">Bulma</a> — <em>modern CSS framework that just works</em></li><li><a class="tc-tiddlylink-external" href="https://www.getpapercss.com/" rel="noopener noreferrer" target="_blank">PaperCSS</a> — <em>the less formal CSS framework</em></li><li><a class="tc-tiddlylink-external" href="https://www.w3schools.com/w3css/default.asp" rel="noopener noreferrer" target="_blank">W3.CSS</a> — <em>A Quality Alternative to Bootstrap, is Smaller, Faster and Easier to Use.</em></li></ul><h3 class=""><strong>Amazing</strong></h3><ul><li><a class="tc-tiddlylink-external" href="https://csszengarden.com/" rel="noopener noreferrer" target="_blank">CSS Zen Garden</a> — <em>The Beauty of CSS Design</em></li><li><a class="tc-tiddlylink-external" href="https://freefrontend.com/css-paper-effects/" rel="noopener noreferrer" target="_blank">25 CSS Paper Effects</a></li><li><a class="tc-tiddlylink-external" href="https://dev.to/5t3ph/reusable-css-sticker-effect-44lc" rel="noopener noreferrer" target="_blank">Reusable CSS "Sticker" Effect</a></li><li><a class="tc-tiddlylink-external" href="https://medium.mybridge.co/26-impressive-web-projects-built-with-css-only-4a4c2f773a21?gi=c96d73b5b5d2" rel="noopener noreferrer" target="_blank">26 Impressive web projects built with CSS only.</a></li><li><a class="tc-tiddlylink-external" href="https://codepen.io/bali_balo/pen/BLJONZ?editors=1100" rel="noopener noreferrer" target="_blank">Pure CSS Minesweeper</a></li><li><a class="tc-tiddlylink-external" href="https://x.st/spinning-diagrams-with-css" rel="noopener noreferrer" target="_blank">Spinning Diagrams with CSS</a></li><li><a class="tc-tiddlylink-external" href="https://dev.to/grahamthedev/bubble-sortin-pure-css-no-js-3bb1" rel="noopener noreferrer" target="_blank">Bubble Sort...in PURE CSS? [No JS] 😱</a></li><li><a class="tc-tiddlylink-external" href="https://codepen.io/davidkpiano/pen/wBGjMr" rel="noopener noreferrer" target="_blank">CSS-only Calendar App Concept</a></li></ul></div>