Merge pull request #7 from web-illinois/jonker/BugFix

Jonker/bug fix

README.md

@@ -22,9 +22,9 @@ Classes include
 
   * ilw-font - boolean, if the page uses the Illinois default fonts
   * ilw-illinois - boolean, if the page uses the Illinois default fonts and colors. 
-  * ilw-margin - boolean, if the page uses the Illinois default fonts and colors.
+  * ilw-margin - boolean, if the page uses the Illinois default margins. Note that this will prevent horizontal scrolling on the page. 
 
-This will change:
+`ilw-font` and `ilw-illinois` will change:
 
   * Headings
   * Lists

builder/versions/ilw-page.1.0-beta.json

@@ -6,10 +6,10 @@
     "element-name": "ilw-page",
     "description": "The Page component, containing styles and margins for other components.",
     "builder-version": "1.0-beta",
-    "version": "1.0.0-beta",
-    "date": "7/3/2024",
-    "css": "https://dev.toolkit.illinois.edu/ilw-page/1.0.0-beta/ilw-page.css",
-    "js": "https://dev.toolkit.illinois.edu/ilw-page/1.0.0-beta/ilw-page.js",
+    "version": "1.0.1-beta",
+    "date": "10/08/2024",
+    "css": "https://dev.toolkit.illinois.edu/ilw-page/1.0.1-beta/ilw-page.css",
+    "js": "https://dev.toolkit.illinois.edu/ilw-page/1.0.1-beta/ilw-page.js",
     "production": false,
     "notes": "",
     "parent-style": "",

package.json

@@ -4,7 +4,7 @@
   "repository": "github:web-illinois/ilw-page",
   "private": false,
   "license": "MIT",
-  "version": "1.0.0-beta",
+  "version": "1.0.1-beta",
   "type": "module",
   "files": [
     "src/**",

src/ilw-page.css

@@ -7,6 +7,8 @@
 
 ilw-page.ilw-margin {
   --ilw-page--margin: var(--ilw-margin--side, max(1.875rem, calc(50cqw - 37.5rem)));
+  display: block;
+  overflow-y: hidden;
 }
 
 ilw-page.ilw-font h1 {
@@ -60,8 +62,8 @@ ilw-page.ilw-font summary, ilw-page.ilw-font caption, ilw-page.ilw-font blockquo
     margin-bottom: 0;
   }
   ilw-page.ilw-format main h1 {
-    font-size: 4.25rem;
-    line-height: 5.25rem;
+    font-size: 3.25rem;
+    line-height: 4rem;
     margin-top: 1.3125rem;
     margin-bottom: 2.625rem;
     font-family: var(--il-font-heading);