diff --git a/src/patterns/01-core/elements/_blockquote.scss b/src/patterns/01-core/elements/_blockquote.scss
index 77910a557c9f58b265dd8d7c69b09e81726ac0ab..017c3f5e356c0de99280a2d5e6b58848d0b7f878 100644
--- a/src/patterns/01-core/elements/_blockquote.scss
+++ b/src/patterns/01-core/elements/_blockquote.scss
@@ -2,14 +2,13 @@
// Blockquote styles.
:where(blockquote) {
- border-inline-start-width: var(--border-size-3);
- display: grid;
- font-size: var(--font-size-2);
- gap: var(--size-3);
- margin: 0 0 var(--size-5);
- max-inline-size: var(--size-content-2);
- padding-block: var(--size-3);
- padding-inline: var(--size-4);
+ //border-inline-start-width: var(--border-size-3);
+ //display: grid;
+ //gap: var(--size-3);
+ //margin: 0 0 var(--size-5);
+ //max-inline-size: var(--size-content-2);
+ //padding-block: var(--size-3);
+ //padding-inline: var(--size-4);
* + & {
margin-top: var(--size-5);
diff --git a/src/patterns/01-core/elements/_body.scss b/src/patterns/01-core/elements/_body.scss
index b43409f0738ccc643fa652dbb0272a9aa9926c92..ab0ccc5041020d81be3f6c7f2c0d62125f3c20e3 100644
--- a/src/patterns/01-core/elements/_body.scss
+++ b/src/patterns/01-core/elements/_body.scss
@@ -2,9 +2,18 @@
// Body styles.
:where(body) {
+ background-color: var(--var-uw-white);
+ color: var(--uw-black);
+ font-family: var(--font-primary);
+ font-size: var(--font-size-0);
+ line-height: var(--font-lineheight-4);
margin: 0;
min-block-size: 100%;
padding: 0;
scrollbar-gutter: stable both-edges;
word-wrap: break-word;
}
+body.has-open-mobile-menu {
+ overflow: hidden;
+ -webkit-overflow-scrolling: touch;
+}
diff --git a/src/patterns/01-core/elements/_definition-list.scss b/src/patterns/01-core/elements/_definition-list.scss
index d1bb03f3ac8588eccf24f986f0183edbeb7544bd..069fff761d0686eee0c3df6feb6bee0013370692 100644
--- a/src/patterns/01-core/elements/_definition-list.scss
+++ b/src/patterns/01-core/elements/_definition-list.scss
@@ -20,5 +20,5 @@
}
:where(dl) {
- font-size: var(--font-size-2);
+ font-size: var(--font-size-0);
}
diff --git a/src/patterns/01-core/elements/_details.scss b/src/patterns/01-core/elements/_details.scss
index b4f60b319db68eca02cc04774e50fd3581fb1ac9..6dffe9ccdfcd1558b5a11c060b71887ae5f8abd6 100644
--- a/src/patterns/01-core/elements/_details.scss
+++ b/src/patterns/01-core/elements/_details.scss
@@ -3,9 +3,6 @@
@use '../../01-core' as *;
-//$summary-font-family: gesso-font-family(book);
-//$details-font-family: gesso-font-family(primary);
-
:where(details) {
@include uw-no-breakout();
background: var(--gray-2);
@@ -59,8 +56,8 @@
color: var(--uw-black-primary);
cursor: pointer;
display:block;
- font-family: var(--font-sans);
- font-size: var(--font-size-0);
+ font-family: var(--font-book);
+ font-size: var(--font-size-00);
font-weight: var(--font-weight-700);
margin: 0;
line-height: 1.25;
diff --git a/src/patterns/01-core/elements/_fieldset.scss b/src/patterns/01-core/elements/_fieldset.scss
index 1fb0cff07942c8a22e07fbf2083668947776efa8..8553d148a72dec2c50db740bab231fd21c1e791d 100644
--- a/src/patterns/01-core/elements/_fieldset.scss
+++ b/src/patterns/01-core/elements/_fieldset.scss
@@ -1,7 +1,78 @@
// @file
// Fieldset element styles.
-:where(fieldset) {
- border-radius: var(--radius-2);
- border: var(--border-size-1) solid var(--gray-4);
+:where(fieldset),
+.fieldset {
+ background:transparent;
+ border: var(--gray-3) solid var(--size-xs);
+ clear: both;
+ margin-bottom:var(--size-4);
+ padding: var(--size-2);
+ position: relative;
+ legend {
+ border: 0;
+ box-sizing: border-box;
+ font-family: var(--font-condensedbook);
+ font-size: var(--font-size-2);
+ font-weight: 300;
+ margin: var(--size-1) 0;
+ max-width: 100%;
+ padding: 0;
+ position: relative;
+ white-space: normal;
+ }
+ /* stylelint-disable-next-line selector-no-qualifying-type */
+ &.webform-type-fieldset{
+ background: var(--gray-1);
+ padding: var(--size-2);
+ > legend{
+
+ border-radius: 2px;
+ font-family: var(--font-condensedbook);
+ margin: var(--size-2) 0;
+ min-width:0;
+ padding:0;
+ position: relative;
+ top:0;
+ }
+ }
+
+ &:hover {
+ > legend {
+ background-color: transparent;
+ }
+ }
+ .fieldset-invisible{
+ clear: both;
+ &:hover {
+ > legend {
+ margin-bottom: 0.7rem;
+ padding-top: var(--size-2);
+
+ }
+ }
+
+ > legend {
+ font-weight:400;
+ margin-bottom: 0.7rem;
+ padding-top:var(--size-2);
+
+ }
+ }
+ .fieldset-wrapper {
+ .webform-container-inline {
+ .fieldset-invisible {
+ display: inline-block;
+ }
+ }
+ }
+}
+.captcha {
+ margin: rem(gesso-spacing(md)) 0;
+}
+
+.layout-builder-configure-section {
+ fieldset {
+ background-color: initial;
+ }
}
diff --git a/src/patterns/01-core/elements/_figure.scss b/src/patterns/01-core/elements/_figure.scss
index d1a8d778ec56ff0db55ba9573a30f8ba97336a7a..ac1d94ff1eca4e419ef40aba92efa8f0819ece70 100644
--- a/src/patterns/01-core/elements/_figure.scss
+++ b/src/patterns/01-core/elements/_figure.scss
@@ -1,4 +1,6 @@
// @file
// Figure element styles.
-// :where(figure) {}
+ :where(figure) {
+ margin: 0 0 var(--size-2);
+ }
diff --git a/src/patterns/01-core/elements/_form.scss b/src/patterns/01-core/elements/_form.scss
index c6989741a18bfe0e32cd1aaa1e0dc796b615130e..6acb289ffbc5c07b503d5523bb95381916543836 100644
--- a/src/patterns/01-core/elements/_form.scss
+++ b/src/patterns/01-core/elements/_form.scss
@@ -1,4 +1,166 @@
// @file
// Form element styles.
-// :where(form) {}
+@use '../../01-core' as *;
+
+$form-label-font-family: gesso-font-family(condensedbook) !default;
+$form-legend-font-family: gesso-font-family(book) !default;
+$form-input-font-family: gesso-font-family(system) !default;
+
+
+ :where(form) {
+ font-family: var(--font-book);
+ font-size: var(--font-size-0);
+ @media(min-width: $screen-md) {
+ font-size: var(--font-size-00);
+ }
+ font-weight:400;
+ }
+// Don’t style button elements, since they’re often styled as links for
+// accessible widgets. Use the .button class in components/button.
+button {
+ overflow: visible;
+}
+
+.desription,
+.webform-element-description{
+ color: var(--gray-5);
+ font-family: var(--font-book);
+ font-size: var(--font-size-00);
+ margin: var(--size-05) 0;
+}
+
+
+
+[data-drupal-selector="edit-moderation-state-wrapper"]{
+
+ background-color:#ffebc5;
+ padding: var(--size-2);
+ .form-item-moderation-state-0-current{
+ font-style:italic;
+ label{
+ font-size: var(--font-size-0);
+ font-style:normal;
+ margin-bottom:0;
+ }
+ }
+}
+// Login screen making width 35rem.
+.user-login-form{
+ margin:0;
+ max-width:35rem;
+
+}
+// uw custon label css
+.webform-client-form {
+ margin-top:var(--size-105);
+}
+
+.form-required::after {
+ color:#e00;
+ content: "*";
+ display:inline-block;
+ font-family: var(--font-system);
+ font-size: var(--font-size-2);
+ font-weight:300;
+ margin-left: var(--size-sm);
+}
+
+// CSS for form overrides
+//.uw-site-container {
+// // the bottom fixed admin tab with site container:
+// .node-uw-ct-web-page-delete-form,
+// .layout-region-node-footer__content,
+// .node-layout-builder-form,
+// .entity-view-display-layout-builder-form,
+// .layout-builder-discard-changes,
+// .node-confirm-form
+// {
+// .form-actions {
+// background: gesso-color(ui, generic, background-lighter);
+// border-top:1px solid gesso-color(ui, generic, background);
+// bottom: 0;
+// box-shadow: gesso-box-shadow(6);
+// display:flex;
+// height:auto;
+// left: 0;
+// margin: 0;
+// padding: 0.5rem;
+// position: fixed;
+// width: 100%;
+// z-index: gesso-z-index(overlay);
+// [data-drupal-selector="edit-preview-toggle"]{
+// order:10;
+// }
+// .button{
+// margin:0.25rem 0;
+// max-width:7rem;
+// }
+// @include medium {
+// .button{
+// margin-bottom:1rem ;
+// }
+// gap:$form-gap;
+// height:4rem;
+// }
+//
+// .form-item-toggle-content-preview {
+// margin-top:1rem;
+// }
+// input [type='submit']{
+// margin-top:0;
+// }
+//
+// .form-wrapper input[type="submit"] {
+// margin-top:0;
+// }
+// }
+// }
+//
+// .webform-submission-form{
+// .form-actions{
+// display:flex;
+// gap:1rem;
+// margin:0.25rem 0;
+// .button{
+// @include button();
+// height:inherit;
+// margin:inherit;
+// }
+// }
+// }
+// // custom form actions
+// .layout-region-node-footer__content .form-actions{
+// .button[data-drupal-selector="edit-cancel"]{
+// margin-left:0 !important;
+// }
+// @include medium {
+// grid-template-columns:8rem 8rem 8rem 8rem;
+// grid-template-rows:auto;
+// row-gap: 1rem;
+// }
+// }
+// // custom form actions
+// .layout-builder-discard-changes .form-actions,
+// .node-uw-ct-web-page-delete-form .form-actions{
+// .button[data-drupal-selector="edit-cancel"]{
+// margin-left:0 !important;
+// }
+// @include medium {
+// grid-template-columns:8rem 8rem;
+// grid-template-rows:auto;
+// row-gap: 1rem;
+// }
+// }
+// // custom form actions
+// .entity-view-display-layout-builder-form .form-actions{
+// .button[data-drupal-selector="edit-cancel"]{
+// margin-left:0 !important;
+// }
+// @include medium {
+// grid-template-columns:8rem 8rem 15rem;
+// grid-template-rows:auto;
+// row-gap: 1rem;
+// }
+// }
+//}
diff --git a/src/patterns/01-core/elements/_html.scss b/src/patterns/01-core/elements/_html.scss
index ade02eca7a63c54a51ea430a2d64c70c314aa490..4134733b579ed96e975b72601d335a9ba8e98e93 100644
--- a/src/patterns/01-core/elements/_html.scss
+++ b/src/patterns/01-core/elements/_html.scss
@@ -11,10 +11,6 @@
background-color: white;
block-size: 100%;
caret-color: var(--caret-color);
- color: var(--text-0);
- font-family: var(--font-serif);
- font-size: var(--font-size-1);
- line-height: var(--font-lineheight-2);
min-height: 100%;
scrollbar-color: var(--scrollbar-color) transparent;
text-size-adjust: none;
diff --git a/src/patterns/01-core/elements/_label.scss b/src/patterns/01-core/elements/_label.scss
index e13d3b9e6866a9b3c26b97db86297798adb7498c..6627567e07087a2b6746d559cc05df35067bc0a1 100644
--- a/src/patterns/01-core/elements/_label.scss
+++ b/src/patterns/01-core/elements/_label.scss
@@ -2,8 +2,21 @@
// Label element styles.
:where(label) {
- font-family: var(--font-sans);
+ font-family: var(--font-condensedbook);
}
+label,
+.label,
.uw-label{
- font-family: var(--font-sans);
+ display:block;
+ font-family: var(--font-condensedbook);
+ font-size: var(--font-size-2);
+ font-weight:normal;
+ form &{
+ margin-bottom: var(--size-1);
+ }
+ abbr {
+ display: inline;
+ font-size: var(--font-size-1);
+ }
+
}
diff --git a/src/patterns/01-core/elements/_option.scss b/src/patterns/01-core/elements/_option.scss
index f145df1055dc3c537fb4cdb937b2b5dc6a0080d0..f7b4c6b3f5f3d46d829367b750b5813833b3edf3 100644
--- a/src/patterns/01-core/elements/_option.scss
+++ b/src/patterns/01-core/elements/_option.scss
@@ -1,7 +1,16 @@
// @file
// Options element styles.
-// :where(option) {}
+ //:where(option) {}
+.option {
+ display: inline;
+ font-family: var(--font-book);
+ font-size: var(--font-size-0);
+ font-weight: 300;
+ letter-spacing: inherit;
+ margin-left: 0.2rem;
+ padding-left: 0.25rem;
+}
:where(optgroup) {
font-family: inherit;
diff --git a/src/patterns/01-core/elements/_paragraph.scss b/src/patterns/01-core/elements/_paragraph.scss
index 1e2b23bc1fcdb3c043ab055addc732ccb9d475f4..8754fde0d5661f5a78cd5851c6bd501ce4f80324 100644
--- a/src/patterns/01-core/elements/_paragraph.scss
+++ b/src/patterns/01-core/elements/_paragraph.scss
@@ -2,10 +2,9 @@
// Paragraph styles.
:where(p) {
- font-size: var(--font-size-1);
+ font-size: var(--font-size-0);
margin-bottom: var(--size-2);
margin-top: 0;
- max-inline-size: var(--size-content-3);
@media print {
orphans: 3;
diff --git a/src/patterns/01-core/elements/_textarea.scss b/src/patterns/01-core/elements/_textarea.scss
index ad52287d17b846ec6aaaefbdb31ec8473b30a29b..1cdfcbb526f3c65f121b3b42580b9904c15ff498 100644
--- a/src/patterns/01-core/elements/_textarea.scss
+++ b/src/patterns/01-core/elements/_textarea.scss
@@ -3,12 +3,12 @@
:where(textarea) {
background-color: var(--gray-2);
- border-radius: var(--radius-2);
color: inherit;
cursor: pointer;
font-size: inherit;
font: inherit;
letter-spacing: inherit;
+ overflow:auto;
padding-block: var(--size-1);
padding-inline: var(--size-2);
resize: block;
diff --git a/src/patterns/01-core/font-face/_index.scss b/src/patterns/01-core/font-face/_index.scss
index 4d5fab90f55c364820c05d6e1715274a05bc9bea..8b61e6292b24d2bb9d382c41d884e5b82ed5726f 100644
--- a/src/patterns/01-core/font-face/_index.scss
+++ b/src/patterns/01-core/font-face/_index.scss
@@ -40,14 +40,6 @@
src: url('/fonts/Bureau_Grot-Wide_Book.eot'), url('/fonts/Bureau_Grot-Wide_Book.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Wide_Book.woff2') format('woff2'), url('/fonts/Bureau_Grot-Wide_Book.woff') format('woff'), url('/fonts/Bureau_Grot-Wide_Book.ttf') format('truetype'), url('/fonts/Bureau_Grot-Wide_Book.svg#Bureau_Grot-Wide_Book') format('svg');
}
-@font-face {
- font-family: 'iconic';
- font-style: normal;
- font-weight: normal;
- src: url("/fonts/iconic.eot");
- src: url("/fonts/iconic.eot?#iefix") format("embedded-opentype"), url("../fonts/iconic.svg#iconic") format("svg"), url("/fonts/iconic.woff") format("woff"), url("/fonts/iconic.ttf") format("truetype");
-}
-
/* Complete 1451 */
@font-face {
diff --git a/src/patterns/01-core/props/_colors.scss b/src/patterns/01-core/props/_colors.scss
index bdbaa1b00078832b819ef274ca5d6da7ebe0d3fb..a7ce2463e3e1050e396d56f9dc714d5ee0baf28c 100644
--- a/src/patterns/01-core/props/_colors.scss
+++ b/src/patterns/01-core/props/_colors.scss
@@ -218,3 +218,12 @@
--orange-8: #e8590c;
--orange-9: #d9480f;
}
+
+
+
+//Swatches
+.pl-colors .color-demo > div > div{
+ background-color: rgba(0,0,0,0.6);
+ font-family: var(--font-systembold);
+ font-size: var(--font-size-00);
+}
diff --git a/src/patterns/01-core/props/_fonts.scss b/src/patterns/01-core/props/_fonts.scss
index fef85f4b5ec49ff3eaf99873420f53ceeeceead9..edcbdac949d5b5d3f128995854d12e300d97ab0c 100644
--- a/src/patterns/01-core/props/_fonts.scss
+++ b/src/patterns/01-core/props/_fonts.scss
@@ -1,8 +1,16 @@
:where(html) {
- --font-sans: Helvetica, sans-serif;
- --font-serif: Georgia, 'Times New Roman', Times, serif;
- --font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Oxygen-Sans', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
- --font-mono: Menlo, Consolas, 'Lucida Console', 'Liberation Mono', 'Courier New', monospace, sans-serif;
+ --font-book: 'BureauGrot Book', 'Barlow', impact, 'avenir next condensed heavy', 'Droid Sans', sans-serif;
+ --font-condensed: 'BureauGrotCond', 'Barlow Condensed', impact, 'avenir next condensed heavy', 'Droid Sans', sans-serif;
+ --font-condensedbook: 'BureauGrotCond Book', 'Barlow Condensed', impact, 'avenir next condensed heavy', 'Droid Sans', sans-serif;
+ --font-sans: BureauGrot, Barlow , impact, 'avenir next condensed heavy', 'Droid Sans', sans-serif;
+ --font-serif: georgia, 'droid serif', 'Times New Roma', Times, serif;
+ --font-system: Typ1451-Regular,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Oxygen-Sans', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
+ --font-systemlight: Typ1451-Light,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Oxygen-Sans', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
+ --font-systemmedium: Typ1451-Medium,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Oxygen-Sans', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
+ --font-systembold: Typ1451-Bold,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Oxygen-Sans', Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
+ --font-mono: Consolas, 'Lucida Console', 'Liberation Mono', 'Courier New', monospace, sans-serif;
+ --font-primary: georgia, 'droid serif', 'Times New Roma', Times, serif;
+ --font-secondary: BureauGrot, Barlow , impact, 'avenir next condensed heavy', 'Droid Sans', sans-serif;
--font-weight-100: 100;
--font-weight-200: 200;
--font-weight-300: 300;
@@ -39,7 +47,7 @@
--font-lineheight-1: 1.1;
--font-lineheight-2: 1.25;
--font-lineheight-3: 1.375;
- --font-lineheight-4: 1.5;
+ --font-lineheight-4: 1.425;
--font-lineheight-5: 1.75;
--font-lineheight-6: 2;
--font-letterspacing-0: -0.05em;
diff --git a/src/patterns/04-components/_index.scss b/src/patterns/04-components/_index.scss
index e1e5ee76f0bc45a383d4e7db07aa27714d05098c..c46ebe15fe92dd6f2146520b43e246625cd0dcaa 100644
--- a/src/patterns/04-components/_index.scss
+++ b/src/patterns/04-components/_index.scss
@@ -1,3 +1,4 @@
+@forward 'blockquote/blockquote';
@forward 'card/card';
@forward 'tag-list/tag-list';
@forward 'tag/tag';
diff --git a/src/patterns/04-components/blockquote/_blockquote.scss b/src/patterns/04-components/blockquote/_blockquote.scss
new file mode 100644
index 0000000000000000000000000000000000000000..16aefd7d56b2519a5e99c7e3cffa24fa3bbe2777
--- /dev/null
+++ b/src/patterns/04-components/blockquote/_blockquote.scss
@@ -0,0 +1,72 @@
+.uw-blockquote {
+ background-color: var(--gray-1);
+ color: var(--uw-black);
+
+ &__wrapper {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ padding: var(--size-4) 0;
+ text-align: center;
+ }
+
+ &__text {
+ display: inline-block;
+ p{
+ font-size: var(--font-size-4);
+ }
+ max-width: 640px;
+ padding: 0 var(--size-5);
+ position: relative;
+ text-align: left;
+
+ &::before {
+ color: var(--gray-5);
+ content: "\201C";
+ font-size: var(--font-size-14);
+ left: 0;
+ line-height: 5.2rem;
+ position: absolute;
+ top: -10px;
+ }
+
+ &::after {
+ bottom: 5px;
+ color: var(--gray-5);
+ content: "\201D";
+ font-size: var(--font-size-14);
+ line-height: 0;
+ position: absolute;
+ right: 0;
+ }
+ }
+
+ &__attribution {
+ display: block;
+
+ &--wrapper {
+ display: inline-block;
+ font-size: var(--font-size-0);
+ max-width: 640px;
+ padding: 0 var(--size-2);
+ position: relative;
+ text-align: left;
+ }
+
+
+
+ cite {
+ color: var(--uw-black);
+ font-family: var(--font-condensedbook);
+ font-size: var(--font-size-1);
+ font-weight: normal;
+ text-align: left;
+ text-transform:uppercase;
+ > :first-child::before{
+ content: "\2014";
+ display:inline-block;
+ padding-right:var(--size-1);
+ }
+ }
+ }
+}
diff --git a/src/patterns/04-components/blockquote/blockquote.twig b/src/patterns/04-components/blockquote/blockquote.twig
new file mode 100644
index 0000000000000000000000000000000000000000..cb705197b312886e8658800f4816d623d1fac111
--- /dev/null
+++ b/src/patterns/04-components/blockquote/blockquote.twig
@@ -0,0 +1,16 @@
+<blockquote class="uw-blockquote">
+ <div class="uw-blockquote__wrapper">
+ <div class="uw-blockquote__text">
+ {{ blockquote.text }}
+ </div>
+ {% if blockquote.attribution %}
+ <footer class="uw-blockquote__attribution">
+ <div class="uw-blockquote__attribution--wrapper">
+ <cite>
+ {{ blockquote.attribution }}
+ </cite>
+ </div>
+ </footer>
+ {% endif %}
+ </div>
+</blockquote>
diff --git a/src/patterns/04-components/blockquote/blockquote.yml b/src/patterns/04-components/blockquote/blockquote.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e6bcd6f7c5418343ff751e48139d380c59337158
--- /dev/null
+++ b/src/patterns/04-components/blockquote/blockquote.yml
@@ -0,0 +1,3 @@
+blockquote:
+ text: '<p>This is some text from the yml file</p><p>This is some text from the yml file2. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file</p><p>This is some text from the yml file3</p><p>This is some text from the yml file4. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file. This is some text from the yml file</p><p>This is some text from the yml file5</p>'
+ attribution: 'This is the attribution'
diff --git a/src/patterns/04-components/fieldset/fieldset.twig b/src/patterns/04-components/fieldset/fieldset.twig
new file mode 100644
index 0000000000000000000000000000000000000000..1d75b8693173304e43706654b790709962218402
--- /dev/null
+++ b/src/patterns/04-components/fieldset/fieldset.twig
@@ -0,0 +1,11 @@
+<fieldset class="fieldset fieldset--default">
+ <legend class="fieldset__legend">
+ <span class="fieldset__legend-text">{{ legend }}</span>
+ </legend>
+ <div class="fieldset__content">
+ {{ content }}
+ <div class="fieldset__description">
+ {{ description }}
+ </div>
+ </div>
+</fieldset>
diff --git a/src/patterns/04-components/fieldset/fieldset.yml b/src/patterns/04-components/fieldset/fieldset.yml
new file mode 100644
index 0000000000000000000000000000000000000000..4ec9e28e3cdc50c6ebd03b6ced2753c85005033f
--- /dev/null
+++ b/src/patterns/04-components/fieldset/fieldset.yml
@@ -0,0 +1,6 @@
+---
+legend: 'Fieldset'
+content: |-
+ <p>Fieldset content goes here…</p>
+description: |-
+ <p>The description for this fieldset.</p>
diff --git a/src/patterns/04-components/tag/_tag.scss b/src/patterns/04-components/tag/_tag.scss
index 2f1badee54bdbeb028902ec28af7914f2ae00727..457a9b82616867c51b3b1efad64fab95d2b65f00 100644
--- a/src/patterns/04-components/tag/_tag.scss
+++ b/src/patterns/04-components/tag/_tag.scss
@@ -4,10 +4,10 @@
@use '../../01-core' as *;
$faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat', 'org-sci', 'org-school', 'org-stp', 'org-cgc', 'org-stj', 'org-ren';
-$tag-font-family-small: var(--font-mono) !default;
-$tag-font-family-normal: var(--font-mono) !default;
-$tag-font-size-normal: var(--font-size-0) !default;
-$tag-font-size-small: var(--font-size-000) !default;
+$tag-font-family-small: var(--font-systemmedium) !default;
+$tag-font-family-normal: var(--font-systembold) !default;
+$tag-font-size-normal: var(--font-size-00) !default;
+$tag-font-size-small: var(--font-size-0000) !default;
.tag {
@@ -49,6 +49,7 @@ $tag-font-size-small: var(--font-size-000) !default;
&:focus {
background: var(--uw-black-primary);
color: var(--uw-gold-3);
+ text-decoration: none;
}
}
&--simple{
@@ -107,6 +108,7 @@ $tag-font-size-small: var(--font-size-000) !default;
&:focus {
background: var(--uw-black-primary);
color: var(--uw-gold-3);
+ text-decoration: none;
}
}
}