A lot of changes under the hood

The CSS is more or less the same, but I've overhauled the file and folder names: 1. We're beginning our `GPS` with `ECSS` characteristics. 2. `base/html` and `base/variables` 3. `globals/` files (this is where your design system would be 4. `pages/` folder for `#page` elements and `#sections` within them 5. Rename `#1` numbers to `1.` like they are in Markdown 6. Pedantically add fancy header comments and a MIT license note, right at the top, in prime position ;) 7. Remove the `-markdown.less` specific styles. Keep everything in the same `print-first.css` file from now on. 8. Moved some of the `_reset.less` files into `_root.less` and `text-elements.less`. Sticking with the plural `globals` and `pages` for now. Might change my mind! Will also need to hunt for a more up-to-date `normalize.less` setup as it's getting quite old and possibly outdated now. But wherever possible, DON'T BOTHER WITH CSS as it's a fucking ballache. Use your time more wisely on fun, artistic, and purposeful things.
badlydrawnrob · Aug 16, 2024 · aaecfde · aaecfde
1 parent ede9f01
commit aaecfde
Show file tree

Hide file tree

Showing 41 changed files with 772 additions and 1,865 deletions.
diff --git a/README.md b/README.md
@@ -124,7 +124,11 @@ The [`less`](http://lesscss.org) files are simply a nice way to split out [diffe
 6. `npm run build`
 
 
+# License and inspiration
 
+> Print First CSS is licensed under the [MIT Open Source License](./license.md)
+
+There's been a bunch of inspirations over the years, but mostly thanks to [@cbracco](https://github.com/cbracco) (Cardinal CSS) and [Material Design](https://m2.material.io/design/typography/the-type-system.html).
 
 
 

diff --git a/build/markdown/partials.html b/build/markdown/partials.html
@@ -14,7 +14,7 @@
       div.column{display: inline-block; vertical-align: top; width: 50%;}
   </style>
 
-  <link rel="stylesheet" href="../style/print-first-markdown.css" />
+  <link rel="stylesheet" href="../style/print-first.css" />
 
 </head>
 <body id="demo">
@@ -225,7 +225,7 @@ <h3 id="html-code-block">HTML Code Block</h3>
     /* For now you'll have to refresh page to clear `.grid-baseline` */
     function toggleGrid() {
       var element = document.getElementById("demo");
-      element.classList.toggle("grid-baseline");
+      element.classList.toggle("gl-BaselineGrid");
     }
   </script>
 </body>