diff --git a/css/styles.css b/css/styles.css index 2129513e5721e22e2118c7b1a5e54513ce133050..31a1bd19b927448086506eba6a273d63aa7d217d 100644 --- a/css/styles.css +++ b/css/styles.css @@ -4698,7 +4698,7 @@ picture { display: inline-block; font-size: 0.88889rem; margin: 0 0 0.5rem 0; - padding: 0.5rem; + padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; @@ -4720,7 +4720,8 @@ picture { background: #fdd54f; color: #000; font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif; - font-size: 0.702rem; } + font-size: 0.702rem; + padding: 0.5rem; } .tag--full:hover, .tag--full:focus { background: #000; color: #fdd54f; } diff --git a/source/_patterns/04-components/tag/_tag.scss b/source/_patterns/04-components/tag/_tag.scss index 1a4d72b25c2fb1f8181256fe008f835b2c6f78af..8e2fedad5b2efa50af876d35f83ec6e4827770c4 100644 --- a/source/_patterns/04-components/tag/_tag.scss +++ b/source/_patterns/04-components/tag/_tag.scss @@ -8,14 +8,14 @@ $tag-font-size-small: rem(gesso-font-size(-3)) !default; .tag { @include link-no-underline( - $card-link-color, - $card-link-color-hover + $card-link-color, + $card-link-color-hover ); background:none; display: inline-block; font-size: $tag-font-size-normal; margin: 0 0 rem(gesso-spacing(xs)) 0; - padding: rem(gesso-spacing(xs)); + padding:0; text-align: center; text-decoration: none; text-transform: uppercase; @@ -39,6 +39,7 @@ $tag-font-size-small: rem(gesso-font-size(-3)) !default; color: gesso-brand(org-default,uw-black,'primary'); font-family: $tag-font-family-small; font-size: $tag-font-size-small; + padding: rem(gesso-spacing(xs)); &:hover, &:focus { background: gesso-brand(org-default,uw-black,'primary');