Updating version, adding styling

builder/ilw-content-introduction.json

@@ -7,5 +7,5 @@
     "description": "The Content component with the introduction mode enabled",
     "toolkit-version": "",
     "production-version": "",
-    "development-version": "1.0.0-alpha"
+    "development-version": "1.0.0-alpha1"
 }

builder/ilw-content-lede.json

@@ -7,5 +7,5 @@
     "description": "The Content component with the lede mode enabled",
     "toolkit-version": "",
     "production-version": "",
-    "development-version": "1.0.0-alpha"
+    "development-version": "1.0.0-alpha1"
 }

builder/ilw-content.json

@@ -7,5 +7,5 @@
     "description": "The Content component, used to display formatted content.",
     "toolkit-version": "",
     "production-version": "",
-    "development-version": "1.0.0-alpha"
+    "development-version": "1.0.0-alpha1"
 }

builder/versions/ilw-content-introduction.1.0.0-alpha.json → builder/versions/ilw-content-introduction.1.0.0-alpha1.json

@@ -5,10 +5,10 @@
     "type": "web component",
     "element-name": "ilw-content",
     "description": "The Content component with the introduction mode enabled. Note that the emphasized piece needs to be in an emphasized tag",
-    "version": "1.0.0-alpha",
+    "version": "1.0.0-alpha1",
     "date": "7/3/2024",
-    "css": "https://dev.toolkit.illinois.edu/ilw-content/1.0.0-alpha/ilw-content.css",
-    "js": "https://dev.toolkit.illinois.edu/ilw-hero/1.0.0-alpha/ilw-content.js",
+    "css": "https://dev.toolkit.illinois.edu/ilw-content/1.0.0-alpha1/ilw-content.css",
+    "js": "https://dev.toolkit.illinois.edu/ilw-hero/1.0.0-alpha1/ilw-content.js",
     "production": false,
     "notes": "",
     "parent-style": "margin: 0 auto; max-width: 1200px;",

builder/versions/ilw-content-lede.1.0.0-alpha.json → builder/versions/ilw-content-lede.1.0.0-alpha1.json

@@ -5,10 +5,10 @@
     "type": "web component",
     "element-name": "ilw-content",
 	"description": "The Content component with the lede mode enabled",
-	"version": "1.0.0-alpha",
+	"version": "1.0.0-alpha1",
 	"date": "7/3/2024",
-	"css": "https://dev.toolkit.illinois.edu/ilw-content/1.0.0-alpha/ilw-content.css",
-	"js": "https://dev.toolkit.illinois.edu/ilw-hero/1.0.0-alpha/ilw-content.js",
+	"css": "https://dev.toolkit.illinois.edu/ilw-content/1.0.0-alpha1/ilw-content.css",
+	"js": "https://dev.toolkit.illinois.edu/ilw-hero/1.0.0-alpha1/ilw-content.js",
     "production": false,
     "notes": "",
 	"parent-style": "margin: 0 auto; max-width: 1200px;",

builder/versions/ilw-content.1.0.0-alpha.json → builder/versions/ilw-content.1.0.0-alpha1.json

@@ -5,10 +5,10 @@
     "type": "web component",
     "element-name": "ilw-content",
 	"description": "The Content component.",
-	"version": "1.0.0-alpha",
+	"version": "1.0.0-alpha1",
 	"date": "7/3/2024",
-	"css": "https://dev.toolkit.illinois.edu/ilw-content/1.0.0-alpha/ilw-content.css",
-	"js": "https://dev.toolkit.illinois.edu/ilw-hero/1.0.0-alpha/ilw-content.js",
+	"css": "https://dev.toolkit.illinois.edu/ilw-content/1.0.0-alpha1/ilw-content.css",
+	"js": "https://dev.toolkit.illinois.edu/ilw-hero/1.0.0-alpha1/ilw-content.js",
 	"production": false,
     "notes": "",
 	"parent-style": "margin: 0 auto; max-width: 1200px;",

package.json

@@ -3,7 +3,7 @@
   "description": "Illinois Toolkit: Basic content item.",
   "repository": "github:web-illinois/ilw-content",
   "private": false,
-  "version": "1.0.0-alpha",
+  "version": "1.0.0-alpha1",
   "type": "module",
   "files": [
     "src/**",

src/ilw-content.css

@@ -4,6 +4,101 @@
     --ilw-content--narrow-padding: 0 1.875rem;
 }
 
+ilw-content p, ilw-content caption, ilw-content blockquote, ilw-content dd, ilw-content dt {
+    display: block;
+    font: 400 1.125rem/1.667rem var(--il-font-sans);
+    color: var(--ilw-text--color);
+    margin-top: 1.2rem;
+    margin-bottom: 0;
+  }
+
+ilw-content td, ilw-content th {
+  font: 400 1.125rem/1.667rem var(--il-font-sans);
+  color: var(--ilw-text--color);
+}
+
+ilw-content pre {
+  color: var(--ilw-text--color);
+}
+
+ilw-content b, ilw-content strong {
+  font-weight: 700;
+}
+
+ilw-content i, ilw-content em {
+  font-style: italic;
+}
+
+ilw-content a {
+  color: var(--ilw-link--color);
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+ilw-content a:visited {
+  color: var(--ilw-link--visited-color);
+}
+
+ilw-content a:hover, ilw-content a:focus {
+  color: var(--ilw-link--focused-color);
+}
+
+ilw-content a:focus {
+  outline: var(--ilw-link--focused-outline); 
+  background-color: var(--ilw-link--focused-background-color); 
+}
+
+ilw-content h1, ilw-content h2, ilw-content h3, ilw-content h4, ilw-content h5, ilw-content h6 {
+  display: block;
+  color: inherit;
+  line-height: 1.2;
+  font-style: normal;
+  font-weight: 700;
+  font-family: var(--il-font-sans);
+  color: var(--ilw-heading--color);
+  margin-top: 1.8rem;
+  margin-bottom: 0;
+}
+
+ilw-content h1 {
+  font-size: 4.25rem;
+  line-height: 5.25rem;
+  margin-top: 1.3125rem;
+  margin-bottom: 2.625rem;
+  font-family: var(--il-font-heading);
+}
+
+ilw-content h2 {
+  font-size: 2.625rem;
+  line-height: 2.625rem;
+  margin-top: 1.3125rem;
+  margin-bottom: 1.3125rem;
+}
+
+ilw-content h3 {
+  font-size: 1.625rem;
+  line-height: 2.625rem;
+  margin-top: 1.3125rem;
+  margin-bottom: 1.3125rem;
+}
+
+ilw-content h4, ilw-content h5, ilw-content h6 {
+  font-size: 1.2rem;
+  line-height: 1.667rem;
+  margin-top: 1.3125rem;
+  margin-bottom: 0rem;
+  }
+
+ilw-content ul, ilw-content ol {
+  margin-top: 1.2rem;
+  margin-bottom: 0;
+}
+
+ilw-content li {
+  font: 400 1.125rem/1.667 var(--il-font-sans);
+  color: var(--ilw-text--color);
+}
+
 ilw-content[align] ul, ilw-content[align] ol {
     list-style-position: inside;
 }