Merge pull request #789 from CityOfBoston/develop

DIG-4807, DIG-5571
CityOfBoston · Jan 9, 2025 · 64abcfe · 64abcfe
2 parents 4000dd5 + fa45385
commit 64abcfe
Show file tree

Hide file tree

Showing 15 changed files with 66 additions and 7 deletions.
diff --git a/stylesheets/base/global/_universal.styl b/stylesheets/base/global/_universal.styl
@@ -4,6 +4,9 @@
 img
   border: 0
 
+#content a:hover:not(p), #content a:hover:not(div), #content a
+  text-decoration: underline
+
 a
   color: $optimistic-blue-dark
   text-decoration: none

diff --git a/stylesheets/components/card/_card.styl b/stylesheets/components/card/_card.styl
@@ -217,3 +217,6 @@
 .cd.g--4
   @media $media-large-max
     lost-column: 12/12
+
+#content a.cd:link, #content .cd a:link, .main .cd a:link
+  text-decoration: none
diff --git a/stylesheets/components/card/_featured-guide.styl b/stylesheets/components/card/_featured-guide.styl
@@ -190,3 +190,6 @@
 
 .cdfg.focus-active:hover:before
   background-color: $optimistic-blue
+
+#content a.cdfg:link
+  text-decoration: none
diff --git a/stylesheets/components/card/_guide-card.styl b/stylesheets/components/card/_guide-card.styl
@@ -188,3 +188,6 @@
   .gcd-ic
     background-color: $blended-optimistic-blue
     background-blend-mode: multiply
+
+#content a.gcd:link, .main a.gcd:link
+  text-decoration: none
diff --git a/stylesheets/components/card/_link-card-list.styl b/stylesheets/components/card/_link-card-list.styl
@@ -135,6 +135,8 @@
   @media $media-small-max
     flex-direction: column    
 
-
 .description
   line-height: 2em
+
+#content a.lcdl:link, #content .lcdl a:link, .main .lcdl a:link
+  text-decoration: none
diff --git a/stylesheets/components/card/_link-card-mini.styl b/stylesheets/components/card/_link-card-mini.styl
@@ -82,4 +82,7 @@
   background-image: url(/images/global/icons/icon-document.svg)
 
 .external .lcd--sm-im
-  background-image: url(/images/global/icons/external-link.svg)
+  background-image: url(/images/global/icons/external-link.svg)
+
+#content a.lcd--sm:link, #content .lcd--sm a:link, .main .lcd--sm a:link
+  text-decoration: none
diff --git a/stylesheets/components/card/_link-card.styl b/stylesheets/components/card/_link-card.styl
@@ -145,4 +145,7 @@
     background-image: url(/images/global/icons/icon-document.svg)
 
 .external .lcd-im
-  background-image: url(/images/global/icons/external-link.svg)
+  background-image: url(/images/global/icons/external-link.svg)
+
+#content a.lcd:link, .main a.lcd:link
+  text-decoration: none
diff --git a/stylesheets/components/card/_person.styl b/stylesheets/components/card/_person.styl
@@ -126,4 +126,7 @@
   color: $white
 
 .cdp-l.focus-active:hover:focus .cdp-st
-  color: $white
+  color: $white
+
+#content a.cdp-l:link
+  text-decoration: none
diff --git a/stylesheets/components/card/_status.styl b/stylesheets/components/card/_status.styl
@@ -51,12 +51,14 @@
   &-t
     font-size: responsive 14px 16px
     line-height: $line-height-100
+    text-decoration: underline
 
   &-l
     background-color: rgb(255,255,255);
     display: flex
     text-align: left
     flex: 1
+    text-decoration: none
 
     @media $media-large
       display: block
@@ -97,7 +99,7 @@
   pointer-events: none
 
 .cds-l.focus-active:hover .cds-t
-  text-decoration: none
+  text-decoration: underline
 
 .cds-l.focus-active:hover .svg-fill-hover
   fill: #FB4D42
@@ -115,3 +117,6 @@
 
 .cds-l.focus-active:focus .svg-fill-hover
   fill: $optimistic-blue-light
+
+#content a.cds-l:link
+  text-decoration: none
diff --git a/stylesheets/components/event-card/_event.styl b/stylesheets/components/event-card/_event.styl
@@ -162,4 +162,7 @@
   pointer-events: none
 
 .evt.focus-active:hover .evt-t
-    color: $optimistic-blue-light
+    color: $optimistic-blue-light
+
+#content a.evt:link
+  text-decoration: none
diff --git a/stylesheets/components/form/_button.styl b/stylesheets/components/form/_button.styl
@@ -153,3 +153,7 @@
 
   &--700
     padding: $sizing-400 $sizing-900
+
+#content a.btn:link, #content a.button:link, .main a.button:link, #content .button a:link
+  text-decoration: none
+  background-image: none
diff --git a/stylesheets/components/link-with-icon/_link.styl b/stylesheets/components/link-with-icon/_link.styl
@@ -97,3 +97,6 @@ a.lwi.focus-active:focus
 
 .lwi.focus-active:focus .lwi-t
   color: $white
+
+#content a.lwi:link, .main a.lwi:link
+  text-decoration: none
diff --git a/stylesheets/components/news/_news.styl b/stylesheets/components/news/_news.styl
@@ -132,3 +132,5 @@
 .news-item-news:last-child
     margin-bottom: 50px
 
+#content a.n--a:link
+    text-decoration: none
diff --git a/stylesheets/components/sticky-submenu/_sticky-submenu.styl b/stylesheets/components/sticky-submenu/_sticky-submenu.styl
@@ -258,3 +258,5 @@
   color: $white
   background-color: $freedom-red-dark
 
+#content .ssm a:link, .main .ssm a:link, .ssm a
+  text-decoration: none
diff --git a/stylesheets/patterns-cob-theme.styl b/stylesheets/patterns-cob-theme.styl
@@ -93,6 +93,17 @@ svg:not(:root) {
     color: $optimistic-blue-dark;
     text-decoration: none
 }
+#content a:link, .main a:link {
+    text-decoration: underline
+}
+#content p a[target=_blank], .main p a[target=_blank], #content span a[target=_blank], .main span a[target=_blank] {
+    background-image: url(../images/global/icons/external-link.svg);
+    background-repeat: no-repeat;
+    background-position: calc(100% - 0px) 50%;
+    background-size: 16px;
+    padding-right: 20px;
+    display: inline-block;
+}
 .inverted,
 .inverted:link {
     color: $freedom-red-dark
@@ -103,6 +114,9 @@ svg:not(:root) {
 .inverted:visited {
     color: $freedom-red-dark
 }
+#content p a:visited, .main p a:visited {
+    color: #393FAC
+}
 a:hover,
 a:focus {
     color: $freedom-red-dark
@@ -122,6 +136,9 @@ a:active,
 a:hover {
     outline: 0
 }
+#content a:hover:not(div), #content a:hover:not(p) {
+    text-decoration: underline
+}
 @media print {
     :link,
     :visited {
@@ -1801,7 +1818,7 @@ p.big.intro-text {
     line-height: 1rem;
     font-weight: bold
 }
-.node-place-profile {
+.node-place-profile, .node-article {
     position: relative;
     z-index: 2    
 }