Merge pull request #624 from CityOfBoston/stella-legacy-css-removal

Stella legacy css removal
CityOfBoston · Oct 25, 2021 · 21afab2 · 21afab2
2 parents a5fa82b + 0ee9460
commit 21afab2
Show file tree

Hide file tree

Showing 17 changed files with 65 additions and 42 deletions.
diff --git a/components/blocks/group-links/group-links-list/group-links-list.config.yml b/components/blocks/group-links/group-links-list/group-links-list.config.yml
@@ -12,7 +12,7 @@ variants:
           link: https://d8-uat.boston.gov/departments/digital-team
       cards:
         - index: 1
-          variant: document
+          variant: download
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
           url: '/images/global/icons/icon-document.svg'
@@ -43,7 +43,7 @@ variants:
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
       cards:
         - index: 1
-          variant: document
+          variant: download
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
           url: '/images/global/icons/icon-document.svg'
@@ -67,7 +67,7 @@ context:
       link: https://d8-uat.boston.gov/departments/digital-team
   cards:
     - index: 1
-      variant: document
+      variant: download
       href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
       title: 'Test Link - Document'
       url: '/images/global/icons/icon-document.svg'

diff --git a/components/blocks/group-links/group-links-mini/group-links-mini.config.yml b/components/blocks/group-links/group-links-mini/group-links-mini.config.yml
@@ -9,7 +9,7 @@ context:
       link: https://d8-uat.boston.gov/departments/digital-team
   cards:
   - index: 1
-    variant: document
+    variant: download
     href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
     title: 'Test Link - Document'
   - index: 2

diff --git a/components/blocks/group-links/group-links/group-links.config.yml b/components/blocks/group-links/group-links/group-links.config.yml
@@ -12,7 +12,7 @@ variants:
           link: https://d8-uat.boston.gov/departments/digital-team
       cards:
         - index: 1
-          variant: document
+          variant: download
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
           subtitle: 'Test link with document'
@@ -44,7 +44,7 @@ variants:
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
       cards:
         - index: 1
-          variant: document
+          variant: download
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
           subtitle: 'Test link with document'
@@ -69,7 +69,7 @@ context:
       link: https://d8-uat.boston.gov/departments/digital-team
   cards:
     - index: 1
-      variant: document
+      variant: download
       href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
       title: 'Test Link - Document'
       subtitle: 'Test link with document'

diff --git a/components/cards/link-card/link-card-mini/link-card-mini.config.yml b/components/cards/link-card/link-card-mini/link-card-mini.config.yml
@@ -7,7 +7,7 @@ variants:
     context:
       cards:
         - index: 1
-          variant: 'document'
+          variant: 'download'
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
   - name: Mini External

diff --git a/components/cards/link-card/link-card-mini/link-card-mini.hbs b/components/cards/link-card/link-card-mini/link-card-mini.hbs
@@ -1,8 +1,8 @@
 {{#each cards as |card|}}
-  <a href="{{ card.href }}" class="lcd--sm m-t500 g--4 g--4--sl">
+  <a href="{{ card.href }}" class="lcd--sm m-t500 g--4 g--4--sl {{ card.variant }}">
     <div class="lcd--sm-c">
       {{#if variant}}
-        <div class="lcd--sm-im" id="{{card.variant}}"></div>
+        <div class="lcd--sm-im"></div>
       {{/if}}
       <div class="lcd--sm-t">{{ card.title }}</div>
     </div>

diff --git a/components/cards/link-card/link-card/link-card.config.yml b/components/cards/link-card/link-card/link-card.config.yml
@@ -7,7 +7,7 @@ variants:
     context:
       cards:
         - index: 1
-          variant: 'document'
+          variant: 'download'
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
           subtitle: 'Test link with document'

diff --git a/components/cards/link-card/link-card/link-card.hbs b/components/cards/link-card/link-card/link-card.hbs
@@ -1,15 +1,15 @@
 {{#each cards as |card|}}
-  <a href="{{ card.href }}" class="lcd m-t500 g--4 g--4--sl">
+  <a href="{{ card.href }}" class="lcd m-t500 g--4 g--4--sl {{ card.variant }}">
     <div class="lcd-c">
       {{#if variant}}
-        <div class="lcd-im" id="{{card.variant}}"></div>
+        <div class="lcd-im"></div>
       {{/if}}
       <div class="lcd-t">{{ card.title }}</div>
       {{#if card.subtitle}}
         <div class="lcd-st t--subinfo t--g300">{{ card.subtitle }}</div>
       {{/if}}
       {{#if card.content}}
-        <div class="lcd-d" id="bottom"> {{ card.content }}</div>
+        <div class="lcd-d bottom"> {{ card.content }}</div>
       {{/if}} 
     </div>
   </a>

diff --git a/components/cards/link-cards/link-card-list/link-card-list.config.yml b/components/cards/link-cards/link-card-list/link-card-list.config.yml
@@ -7,7 +7,7 @@ variants:
     context:
       cards:
         - index: 1
-          variant: 'document'
+          variant: 'download'
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
           url: '/images/global/icons/icon-document.svg'

diff --git a/components/cards/link-cards/link-card-mini/link-card-mini.config.yml b/components/cards/link-cards/link-card-mini/link-card-mini.config.yml
@@ -7,7 +7,7 @@ variants:
     context:
       cards:
         - index: 1
-          variant: 'document'
+          variant: 'download'
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
   - name: Mini External

diff --git a/components/cards/link-cards/link-card-mini/link-card-mini.hbs b/components/cards/link-cards/link-card-mini/link-card-mini.hbs
@@ -1,8 +1,8 @@
 {{#each cards as |card|}}
-  <a href="{{ card.href }}" class="lcd--sm m-t500 g--4 g--4--sl">
+  <a href="{{ card.href }}" class="lcd--sm m-t500 g--4 g--4--sl {{card.variant}}">
     <div class="lcd--sm-c">
       {{#if variant}}
-        <div class="lcd--sm-im" id="{{card.variant}}"></div>
+        <div class="lcd--sm-im"></div>
       {{/if}}
       <div class="lcd--sm-t">{{ card.title }}</div>
     </div>

diff --git a/components/cards/link-cards/link-card/link-card.config.yml b/components/cards/link-cards/link-card/link-card.config.yml
@@ -7,7 +7,7 @@ variants:
     context:
       cards:
         - index: 1
-          variant: 'document'
+          variant: 'download'
           href: https://d8-uat.boston.gov/sites/default/files/linked/file/document_files/2017/03/pdf_for_website_testing_0.pdf
           title: 'Test Link - Document'
           subtitle: 'Test link with document'

diff --git a/components/cards/link-cards/link-card/link-card.hbs b/components/cards/link-cards/link-card/link-card.hbs
@@ -1,15 +1,15 @@
 {{#each cards as |card|}}
-  <a href="{{ card.href }}" class="lcd m-t500 g--4 g--4--sl">
+  <a href="{{ card.href }}" class="lcd m-t500 g--4 g--4--sl {{card.variant}}">
     <div class="lcd-c">
       {{#if variant}}
-        <div class="lcd-im" id="{{card.variant}}"></div>
+        <div class="lcd-im"></div>
       {{/if}}
       <div class="lcd-t">{{ card.title }}</div>
       {{#if card.subtitle}}
         <div class="lcd-st t--subinfo t--g300">{{ card.subtitle }}</div>
       {{/if}}
       {{#if card.content}}
-        <div class="lcd-d" id="bottom"> {{ card.content }}</div>
+        <div class="lcd-d bottom"> {{ card.content }}</div>
       {{/if}} 
     </div>
   </a>

diff --git a/stylesheets/components/card/_link-card-list.styl b/stylesheets/components/card/_link-card-list.styl
@@ -46,9 +46,9 @@
 
   &-icon
     position: absolute
-    left: 8px
+    left: 4px
     top: 10px
-
+    z-index: 2
 
   &-t
     color: $optimistic-blue-dark
@@ -65,7 +65,7 @@
     margin-top: $sizing-200
     word-break: normal
 
-  #bottom
+  .bottom
     position: absolute
     bottom: 0
     left: 0
@@ -86,6 +86,9 @@
 
       &:last-child
         margin: 0
+  .svg-date-flag
+    width: 60px
+    top: -1px
 
 // handle hover interference with focus
 .lcdl.focus-active:hover

diff --git a/stylesheets/components/card/_link-card-mini.styl b/stylesheets/components/card/_link-card-mini.styl
@@ -46,15 +46,9 @@
     background-size: contain
     background-repeat: no-repeat
 
-  #document
-    background-image: url(/images/global/icons/icon-document.svg)
-
-  #external
-    background-image: url(/images/global/icons/external-link.svg)
-
   &-t
     color: $optimistic-blue-dark
-    font-family: Montserrat,sans-serif;
+    font-family: Montserrat,sans-serif
     font-size: responsive 12px 15px
     font-range: 480px 1440px
     line-height: $line-height-200
@@ -82,3 +76,8 @@
   .lcd--sm-im
     background-color: $blended-optimistic-blue
     background-blend-mode: multiply
+.download .lcd--sm-im
+  background-image: url(/images/global/icons/icon-document.svg)
+
+.external .lcd--sm-im
+  background-image: url(/images/global/icons/external-link.svg)
diff --git a/stylesheets/components/card/_link-card.styl b/stylesheets/components/card/_link-card.styl
@@ -43,15 +43,9 @@
     background-size: contain
     background-repeat: no-repeat
 
-  #document
-    background-image: url(/images/global/icons/icon-document.svg)
-
-  #external
-    background-image: url(/images/global/icons/external-link.svg)
-
   &-t
     color: $optimistic-blue-dark
-    font-family: Montserrat,sans-serif;
+    font-family: Montserrat,sans-serif
     font-weight: 700
     font-size: responsive 12px 15px
     font-range: 480px 1440px
@@ -64,8 +58,9 @@
     font-range: 480px 1440px
     margin-top: $sizing-200
     word-break: normal
+    color: $body-text
 
-  #bottom
+  .bottom
     position: absolute
     bottom: 0
     left: 0
@@ -137,3 +132,17 @@
   @media $media-medium
     width: 25%
     padding-right: 2rem
+
+.subheader .title 
+  font-size: 40px
+  margin: 0
+  text-transform: inherit
+  font-weight: 400
+  line-height: 2.8rem
+  letter-spacing: 0.5px
+
+.download .lcd-im
+    background-image: url(/images/global/icons/icon-document.svg)
+
+.external .lcd-im
+  background-image: url(/images/global/icons/external-link.svg)
diff --git a/stylesheets/components/pagination/_paginator.styl b/stylesheets/components/pagination/_paginator.styl
@@ -29,6 +29,7 @@
     list-style: none
     padding: 0
     margin: 0
+    background-image: none
 
     &:first-of-type,
     &:last-of-type

diff --git a/stylesheets/patterns-cob-theme.styl b/stylesheets/patterns-cob-theme.styl
@@ -638,7 +638,9 @@ h1, h2, h3, h4, h5, h6 {
         left: 300px
     }
 }
-.node-type-event .dl-d, .node-place-profile .dl-d {
+.node-type-event .dl-d, 
+.node-place-profile .dl-d,
+.node-type-public-notice .dl-d {
     padding-left: 70px    
 }
 .step-label-wrapper {
@@ -677,7 +679,7 @@ h1, h2, h3, h4, h5, h6 {
     text-align: center;
     position: relative;
     z-index: 1;
-    background-color: $white
+    background-color: $white;
 }
 .step-number {
     text-transform: uppercase;
@@ -715,6 +717,9 @@ h1, h2, h3, h4, h5, h6 {
 .sb .sb-i:last-child {
     border-bottom: none    
 }
+.sb .sb-i:first-child {
+    border-bottom: 1px dashed $grey-100   
+}
 .sb-d:empty {
   background-color: tomato
 }
@@ -956,3 +961,9 @@ h1, h2, h3, h4, h5, h6 {
 .b-c.topic-nav {
     padding-top: 0
 }
+.pager {
+    padding-bottom: 25px
+}
+.paragraphs-items-field-grid-of-quotes {
+    display: contents    
+}