changed sass from usa to byu

byuweb · May 29, 2019 · c8832ae · c8832ae
1 parent dd82b7c
commit c8832ae
Show file tree

Hide file tree

Showing 31 changed files with 391 additions and 391 deletions.
diff --git a/public/css/style.css b/public/css/style.css
diff --git a/src/components/alerts/alerts--error.hbs b/src/components/alerts/alerts--error.hbs
@@ -1,6 +1,6 @@
-<div class="usa-alert usa-alert--error" role="alert">
-    <div class="usa-alert__body">
-        <h3 class="usa-alert__heading">Error status</h3>
-        <p class="usa-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.</p>
+<div class="byu-alert byu-alert--error" role="alert">
+    <div class="byu-alert__body">
+        <h3 class="byu-alert__heading">Error status</h3>
+        <p class="byu-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.</p>
     </div>
 </div>
diff --git a/src/components/alerts/alerts--no-header.hbs b/src/components/alerts/alerts--no-header.hbs
@@ -1,5 +1,5 @@
-<div class="usa-alert usa-alert--info">
-    <div class="usa-alert__body">
-        <p class="usa-alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
+<div class="byu-alert byu-alert--info">
+    <div class="byu-alert__body">
+        <p class="byu-alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
     </div>
 </div>
diff --git a/src/components/alerts/alerts--no-icon.hbs b/src/components/alerts/alerts--no-icon.hbs
@@ -1,5 +1,5 @@
-<div class="usa-alert usa-alert--info usa-alert--no-icon">
-    <div class="usa-alert__body">
-        <p class="usa-alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
+<div class="byu-alert byu-alert--info byu-alert--no-icon">
+    <div class="byu-alert__body">
+        <p class="byu-alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
     </div>
 </div>
diff --git a/src/components/alerts/alerts--slim.hbs b/src/components/alerts/alerts--slim.hbs
@@ -1,5 +1,5 @@
-<div class="usa-alert usa-alert--info usa-alert--slim">
-    <div class="usa-alert__body">
-        <p class="usa-alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
+<div class="byu-alert byu-alert--info byu-alert--slim">
+    <div class="byu-alert__body">
+        <p class="byu-alert__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
     </div>
 </div>
diff --git a/src/components/alerts/alerts--success.hbs b/src/components/alerts/alerts--success.hbs
@@ -1,6 +1,6 @@
-<div class="usa-alert usa-alert--success">
-    <div class="usa-alert__body">
-        <h3 class="usa-alert__heading">Success status</h3>
-        <p class="usa-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.</p>
+<div class="byu-alert byu-alert--success">
+    <div class="byu-alert__body">
+        <h3 class="byu-alert__heading">Success status</h3>
+        <p class="byu-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.</p>
     </div>
 </div>
diff --git a/src/components/alerts/alerts--warning.hbs b/src/components/alerts/alerts--warning.hbs
@@ -1,6 +1,6 @@
-<div class="usa-alert usa-alert--warning">
-    <div class="usa-alert__body">
-        <h3 class="usa-alert__heading">Warning status</h3>
-        <p class="usa-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.</p>
+<div class="byu-alert byu-alert--warning">
+    <div class="byu-alert__body">
+        <h3 class="byu-alert__heading">Warning status</h3>
+        <p class="byu-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a> elit, sed do eiusmod.</p>
     </div>
 </div>
diff --git a/src/components/alerts/alerts.config.yml b/src/components/alerts/alerts.config.yml
@@ -7,49 +7,49 @@ variants:
     label: Info
     context:
       alert:
-        classes: "usa-alert--info"
+        classes: "byu-alert--info"
         title: Informative status
 
   - name: success
     label: Success
     context:
       alert:
-        classes: "usa-alert--success"
+        classes: "byu-alert--success"
         title: Success status
 
 
   - name: warning
     label: Warning
     context:
       alert:
-        classes: "usa-alert--warning"
+        classes: "byu-alert--warning"
         title: Warning status
 
   - name: error
     label: Error
     context:
       alert:
-        classes: "usa-alert--error"
+        classes: "byu-alert--error"
         title: Error status
         role: "alert"
 
   - name: no-header
     label: No header
     context:
       alert:
-        classes: "usa-alert--info"
+        classes: "byu-alert--info"
         content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod."
 
   - name: no-icon
     label: No icon
     context:
       alert:
-        classes: "usa-alert--info usa-alert--no-icon"
+        classes: "byu-alert--info byu-alert--no-icon"
         content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod."
 
   - name: slim
     label: Slim
     context:
       alert:
-        classes: "usa-alert--info usa-alert--slim"
+        classes: "byu-alert--info byu-alert--slim"
         content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod."
diff --git a/src/components/alerts/alerts.hbs b/src/components/alerts/alerts.hbs
@@ -1,7 +1,7 @@
-<div class="usa-alert usa-alert--info">
-    <div class="usa-alert__body">
-        <h3 class="usa-alert__heading">Informative status</h3>
-        <p class="usa-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a>
+<div class="byu-alert byu-alert--info">
+    <div class="byu-alert__body">
+        <h3 class="byu-alert__heading">Informative status</h3>
+        <p class="byu-alert__text">Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetur adipiscing</a>
             elit, sed do eiusmod.</p>
     </div>
 </div>
diff --git a/src/components/alerts/alerts.sass b/src/components/alerts/alerts.sass
@@ -1,4 +1,4 @@
-.usa-alert
+.byu-alert
   font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
   font-size: 1.06471rem
   line-height: 1.52155
@@ -13,11 +13,11 @@
   position: relative
 
 
-* + .usa-alert
+* + .byu-alert
   margin-top: 1rem
 
 
-.usa-alert::before
+.byu-alert::before
   background-color: #a9aeb1
   content: ''
   height: 100%
@@ -27,27 +27,27 @@
   width: 0.5rem
 
 
-.usa-alert ul
+.byu-alert ul
   margin-bottom: 0
   margin-top: 0.5rem
   padding-left: 0.5rem
 
 
-.usa-alert .usa-checklist
+.byu-alert .byu-checklist
   padding-left: 0
 
 
-.usa-alert__icon
+.byu-alert__icon
   display: table-cell
   padding-right: 0.5rem
 
 
-.usa-alert__body
+.byu-alert__body
   display: table-cell
   vertical-align: top
 
 
-.usa-alert__heading
+.byu-alert__heading
   font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
   font-size: 1.46397rem
   line-height: 1.12707
@@ -56,129 +56,129 @@
   color: #000000
 
 
-.usa-alert__text
+.byu-alert__text
   margin-bottom: 0
   margin-top: 0
 
 
-.usa-alert__text a
+.byu-alert__text a
   color: #005ea2
   text-decoration: underline
 
 
-.usa-alert__text a:hover
+.byu-alert__text a:hover
   color: #1a4480
 
 
-.usa-alert__text a:active
+.byu-alert__text a:active
   color: #162e51
 
 
-.usa-alert__text a:focus
+.byu-alert__text a:focus
   outline: 0.25rem solid #2491ff
   outline-offset: 0
 
 
-.usa-alert__text a:visited
+.byu-alert__text a:visited
   color: #562b97
 
 
-.usa-alert__text:only-child
+.byu-alert__text:only-child
   margin-bottom: 0.5rem
   padding-top: 0.25rem
 
 
-.usa-alert--success
+.byu-alert--success
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='216'%3E%3Cpath d='M162.18 41.592c-5.595-9.586-13.185-17.176-22.771-22.771-9.588-5.595-20.055-8.392-31.408-8.392-11.352 0-21.822 2.797-31.408 8.392-9.587 5.594-17.177 13.184-22.772 22.771-5.596 9.587-8.393 20.057-8.393 31.408 0 11.352 2.798 21.82 8.392 31.408 5.595 9.585 13.185 17.176 22.772 22.771 9.587 5.595 20.056 8.392 31.408 8.392s21.822-2.797 31.408-8.392c9.586-5.594 17.176-13.185 22.771-22.771 5.594-9.587 8.391-20.057 8.391-31.408 0-11.352-2.797-21.822-8.39-31.408zm-13.608 21.876l-44.239 44.239c-1.032 1.032-2.281 1.549-3.748 1.549-1.412 0-2.634-.517-3.666-1.549L67.425 78.215c-.977-.979-1.466-2.199-1.466-3.666 0-1.521.488-2.771 1.466-3.749l7.414-7.332c1.033-1.032 2.254-1.548 3.667-1.548s2.635.516 3.667 1.548l18.413 18.413 33.241-33.16c1.032-1.032 2.254-1.548 3.666-1.548 1.411 0 2.635.516 3.666 1.548l7.414 7.333c.979.977 1.467 2.226 1.467 3.747 0 1.467-.488 2.689-1.468 3.667z' fill='%231b1b1b'/%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent))
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='216'%3E%3Cpath d='M162.18 41.592c-5.595-9.586-13.185-17.176-22.771-22.771-9.588-5.595-20.055-8.392-31.408-8.392-11.352 0-21.822 2.797-31.408 8.392-9.587 5.594-17.177 13.184-22.772 22.771-5.596 9.587-8.393 20.057-8.393 31.408 0 11.352 2.798 21.82 8.392 31.408 5.595 9.585 13.185 17.176 22.772 22.771 9.587 5.595 20.056 8.392 31.408 8.392s21.822-2.797 31.408-8.392c9.586-5.594 17.176-13.185 22.771-22.771 5.594-9.587 8.391-20.057 8.391-31.408 0-11.352-2.797-21.822-8.39-31.408zm-13.608 21.876l-44.239 44.239c-1.032 1.032-2.281 1.549-3.748 1.549-1.412 0-2.634-.517-3.666-1.549L67.425 78.215c-.977-.979-1.466-2.199-1.466-3.666 0-1.521.488-2.771 1.466-3.749l7.414-7.332c1.033-1.032 2.254-1.548 3.667-1.548s2.635.516 3.667 1.548l18.413 18.413 33.241-33.16c1.032-1.032 2.254-1.548 3.666-1.548 1.411 0 2.635.516 3.666 1.548l7.414 7.333c.979.977 1.467 2.226 1.467 3.747 0 1.467-.488 2.689-1.468 3.667z' fill='%231b1b1b'/%3E%3C/svg%3E"), linear-gradient(transparent, transparent)
   background-repeat: no-repeat
   background-color: #ecf3ec
 
 
-.usa-alert--success::before
+.byu-alert--success::before
   background-color: #00a91c
 
 
-.usa-alert--success .usa-alert__body
+.byu-alert--success .byu-alert__body
   padding-left: 3.25rem
 
 
-.usa-alert--warning
+.byu-alert--warning
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='146'%3E%3Cpath d='M179.695 125.388L117.126 10.673a10.39 10.39 0 0 0-3.832-3.992 10.1 10.1 0 0 0-5.295-1.467c-1.901 0-3.667.49-5.296 1.467s-2.906 2.308-3.829 3.992L36.303 125.388c-1.901 3.423-1.847 6.845.163 10.267a10.24 10.24 0 0 0 3.789 3.746 10.188 10.188 0 0 0 5.174 1.387H170.57c1.849 0 3.572-.463 5.175-1.387a10.24 10.24 0 0 0 3.789-3.746c2.01-3.423 2.064-6.844.161-10.267zm-61.265-8.148c0 .76-.259 1.398-.773 1.914-.516.516-1.127.773-1.834.773H100.18c-.706 0-1.317-.257-1.833-.773-.516-.517-.774-1.154-.774-1.914v-15.48c0-.76.258-1.397.774-1.914.516-.516 1.126-.773 1.833-.773h15.642c.707 0 1.318.257 1.834.773.515.517.773 1.154.773 1.914v15.48zm-.162-30.47c-.056.543-.341.991-.856 1.344-.517.354-1.154.529-1.915.529h-15.073c-.76 0-1.412-.176-1.955-.529-.544-.354-.815-.801-.815-1.346l-1.385-37.231c0-.761.272-1.331.815-1.711.706-.597 1.358-.896 1.956-.896h17.924c.598 0 1.25.298 1.956.896.543.38.813.896.813 1.548l-1.465 37.396z' fill='%231b1b1b'/%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent))
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='146'%3E%3Cpath d='M179.695 125.388L117.126 10.673a10.39 10.39 0 0 0-3.832-3.992 10.1 10.1 0 0 0-5.295-1.467c-1.901 0-3.667.49-5.296 1.467s-2.906 2.308-3.829 3.992L36.303 125.388c-1.901 3.423-1.847 6.845.163 10.267a10.24 10.24 0 0 0 3.789 3.746 10.188 10.188 0 0 0 5.174 1.387H170.57c1.849 0 3.572-.463 5.175-1.387a10.24 10.24 0 0 0 3.789-3.746c2.01-3.423 2.064-6.844.161-10.267zm-61.265-8.148c0 .76-.259 1.398-.773 1.914-.516.516-1.127.773-1.834.773H100.18c-.706 0-1.317-.257-1.833-.773-.516-.517-.774-1.154-.774-1.914v-15.48c0-.76.258-1.397.774-1.914.516-.516 1.126-.773 1.833-.773h15.642c.707 0 1.318.257 1.834.773.515.517.773 1.154.773 1.914v15.48zm-.162-30.47c-.056.543-.341.991-.856 1.344-.517.354-1.154.529-1.915.529h-15.073c-.76 0-1.412-.176-1.955-.529-.544-.354-.815-.801-.815-1.346l-1.385-37.231c0-.761.272-1.331.815-1.711.706-.597 1.358-.896 1.956-.896h17.924c.598 0 1.25.298 1.956.896.543.38.813.896.813 1.548l-1.465 37.396z' fill='%231b1b1b'/%3E%3C/svg%3E"), linear-gradient(transparent, transparent)
   background-repeat: no-repeat
   background-color: #faf3d1
 
 
-.usa-alert--warning::before
+.byu-alert--warning::before
   background-color: #ffbe2e
 
 
-.usa-alert--warning .usa-alert__body
+.byu-alert--warning .byu-alert__body
   padding-left: 3.25rem
 
 
-.usa-alert--error
+.byu-alert--error
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='146'%3E%3Cpath d='M162.18 41.592c-5.595-9.586-13.185-17.176-22.771-22.771-9.588-5.595-20.055-8.392-31.408-8.392-11.352 0-21.821 2.797-31.408 8.392-9.587 5.594-17.177 13.184-22.772 22.771-5.596 9.587-8.393 20.057-8.393 31.408 0 11.351 2.798 21.82 8.392 31.408 5.595 9.584 13.185 17.176 22.772 22.771 9.587 5.595 20.056 8.392 31.408 8.392s21.822-2.797 31.408-8.392c9.586-5.594 17.176-13.185 22.771-22.771C167.773 94.82 170.57 84.35 170.57 73c0-11.351-2.797-21.822-8.39-31.408zm-43.75 70.433c0 .761-.246 1.398-.734 1.914s-1.086.773-1.793.773H100.26c-.706 0-1.331-.271-1.874-.814-.543-.543-.814-1.168-.814-1.873V96.546c0-.706.271-1.331.814-1.874.543-.543 1.168-.814 1.874-.814h15.643c.707 0 1.306.258 1.793.773.488.518.734 1.154.734 1.915v15.479zm-.164-28.026c-.055.543-.339 1.019-.854 1.426-.517.407-1.154.61-1.914.61h-15.073c-.761 0-1.413-.203-1.956-.61-.543-.407-.815-.883-.815-1.426l-1.385-50.595c0-.653.271-1.141.814-1.467.544-.434 1.196-.652 1.956-.652h17.926c.761 0 1.412.217 1.955.652.543.326.813.815.813 1.467l-1.467 50.595z' fill='%231b1b1b'/%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent))
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='146'%3E%3Cpath d='M162.18 41.592c-5.595-9.586-13.185-17.176-22.771-22.771-9.588-5.595-20.055-8.392-31.408-8.392-11.352 0-21.821 2.797-31.408 8.392-9.587 5.594-17.177 13.184-22.772 22.771-5.596 9.587-8.393 20.057-8.393 31.408 0 11.351 2.798 21.82 8.392 31.408 5.595 9.584 13.185 17.176 22.772 22.771 9.587 5.595 20.056 8.392 31.408 8.392s21.822-2.797 31.408-8.392c9.586-5.594 17.176-13.185 22.771-22.771C167.773 94.82 170.57 84.35 170.57 73c0-11.351-2.797-21.822-8.39-31.408zm-43.75 70.433c0 .761-.246 1.398-.734 1.914s-1.086.773-1.793.773H100.26c-.706 0-1.331-.271-1.874-.814-.543-.543-.814-1.168-.814-1.873V96.546c0-.706.271-1.331.814-1.874.543-.543 1.168-.814 1.874-.814h15.643c.707 0 1.306.258 1.793.773.488.518.734 1.154.734 1.915v15.479zm-.164-28.026c-.055.543-.339 1.019-.854 1.426-.517.407-1.154.61-1.914.61h-15.073c-.761 0-1.413-.203-1.956-.61-.543-.407-.815-.883-.815-1.426l-1.385-50.595c0-.653.271-1.141.814-1.467.544-.434 1.196-.652 1.956-.652h17.926c.761 0 1.412.217 1.955.652.543.326.813.815.813 1.467l-1.467 50.595z' fill='%231b1b1b'/%3E%3C/svg%3E"), linear-gradient(transparent, transparent)
   background-repeat: no-repeat
   background-color: #f4e3db
 
 
-.usa-alert--error::before
+.byu-alert--error::before
   background-color: #d63e04
 
 
-.usa-alert--error .usa-alert__body
+.byu-alert--error .byu-alert__body
   padding-left: 3.25rem
 
 
-.usa-alert--info
+.byu-alert--info
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='146'%3E%3Cpath d='M162.18 41.592c-5.595-9.586-13.185-17.176-22.771-22.771-9.588-5.595-20.055-8.392-31.408-8.392-11.352 0-21.822 2.797-31.408 8.392-9.587 5.594-17.177 13.184-22.772 22.771-5.596 9.587-8.393 20.057-8.393 31.408 0 11.352 2.798 21.82 8.392 31.408 5.595 9.585 13.185 17.176 22.772 22.771 9.587 5.595 20.056 8.392 31.408 8.392s21.822-2.797 31.408-8.392c9.586-5.594 17.176-13.185 22.771-22.771 5.594-9.587 8.391-20.057 8.391-31.408 0-11.352-2.797-21.822-8.39-31.408zM97.572 26.071c0-.761.244-1.385.733-1.874.489-.488 1.114-.733 1.874-.733h15.644c.76 0 1.385.245 1.872.733.488.489.734 1.113.734 1.874v13.036c0 .76-.246 1.385-.734 1.873-.487.489-1.112.733-1.872.733h-15.644c-.76 0-1.385-.244-1.874-.733-.489-.488-.733-1.113-.733-1.873V26.071zm31.285 86.036c0 .76-.246 1.385-.733 1.872-.487.489-1.112.733-1.874.733h-36.5c-.761 0-1.385-.244-1.874-.733-.489-.488-.733-1.113-.733-1.873V99.07c0-.762.244-1.385.733-1.874.489-.488 1.114-.733 1.874-.733h7.822V70.392H89.75c-.761 0-1.385-.244-1.874-.733-.489-.488-.733-1.113-.733-1.874V54.75c0-.761.244-1.385.733-1.874.489-.489 1.114-.733 1.874-.733h26.073c.76 0 1.385.244 1.872.733.488.489.734 1.113.734 1.874v41.714h7.82c.761 0 1.386.245 1.874.733.487.488.733 1.113.733 1.874v13.036z' fill='%231b1b1b'/%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent))
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='146'%3E%3Cpath d='M162.18 41.592c-5.595-9.586-13.185-17.176-22.771-22.771-9.588-5.595-20.055-8.392-31.408-8.392-11.352 0-21.822 2.797-31.408 8.392-9.587 5.594-17.177 13.184-22.772 22.771-5.596 9.587-8.393 20.057-8.393 31.408 0 11.352 2.798 21.82 8.392 31.408 5.595 9.585 13.185 17.176 22.772 22.771 9.587 5.595 20.056 8.392 31.408 8.392s21.822-2.797 31.408-8.392c9.586-5.594 17.176-13.185 22.771-22.771 5.594-9.587 8.391-20.057 8.391-31.408 0-11.352-2.797-21.822-8.39-31.408zM97.572 26.071c0-.761.244-1.385.733-1.874.489-.488 1.114-.733 1.874-.733h15.644c.76 0 1.385.245 1.872.733.488.489.734 1.113.734 1.874v13.036c0 .76-.246 1.385-.734 1.873-.487.489-1.112.733-1.872.733h-15.644c-.76 0-1.385-.244-1.874-.733-.489-.488-.733-1.113-.733-1.873V26.071zm31.285 86.036c0 .76-.246 1.385-.733 1.872-.487.489-1.112.733-1.874.733h-36.5c-.761 0-1.385-.244-1.874-.733-.489-.488-.733-1.113-.733-1.873V99.07c0-.762.244-1.385.733-1.874.489-.488 1.114-.733 1.874-.733h7.822V70.392H89.75c-.761 0-1.385-.244-1.874-.733-.489-.488-.733-1.113-.733-1.874V54.75c0-.761.244-1.385.733-1.874.489-.489 1.114-.733 1.874-.733h26.073c.76 0 1.385.244 1.872.733.488.489.734 1.113.734 1.874v41.714h7.82c.761 0 1.386.245 1.874.733.487.488.733 1.113.733 1.874v13.036z' fill='%231b1b1b'/%3E%3C/svg%3E"), linear-gradient(transparent, transparent)
   background-repeat: no-repeat
   background-color: #e7f6f8
 
 
-.usa-alert--info::before
+.byu-alert--info::before
   background-color: #00bde3
 
 
-.usa-alert--info .usa-alert__body
+.byu-alert--info .byu-alert__body
   padding-left: 3.25rem
 
 
-.usa-alert--slim
+.byu-alert--slim
   background-position: 1.25rem center
   background-size: 2.5rem
   padding-bottom: 0.5rem
   padding-top: 0.5rem
 
 
-.usa-alert--slim .usa-alert__body
+.byu-alert--slim .byu-alert__body
   padding-left: 2.5rem
 
 
-.usa-alert--slim .usa-alert__text:only-child
+.byu-alert--slim .byu-alert__text:only-child
   margin-bottom: 0.25rem
   padding-top: 0.25rem
 
 
-.usa-alert--no-icon
+.byu-alert--no-icon
   background-image: none
 
 
-.usa-alert--no-icon .usa-alert__body
+.byu-alert--no-icon .byu-alert__body
   padding-left: 0
 
 
-.usa-alert--validation
+.byu-alert--validation
   background-size: 2.5rem
 
 
-.usa-alert--validation .usa-alert__body
+.byu-alert--validation .byu-alert__body
   padding-left: 2.5rem
 
 
-.usa-alert--validation .usa-checklist
+.byu-alert--validation .byu-checklist
   margin-top: 1rem
diff --git a/src/components/buttons/buttons--accent-cool.hbs b/src/components/buttons/buttons--accent-cool.hbs
@@ -1,8 +1,8 @@
 <div class="padding-1">
-    <button class="usa-button usa-button--accent-cool">Default</button>
-    <button class="usa-button usa-button--accent-cool usa-button--hover">Hover</button>
-    <button class="usa-button usa-button--accent-cool usa-button--active">Active</button>
-    <button class="usa-button usa-button--accent-cool usa-focus">Focus</button>
-    <button class="usa-button usa-button--accent-cool" disabled>Disabled</button>
-    <button class="usa-button usa-button--unstyled">Unstyled button</button>
+    <button class="byu-button byu-button--accent-cool">Default</button>
+    <button class="byu-button byu-button--accent-cool byu-button--hover">Hover</button>
+    <button class="byu-button byu-button--accent-cool byu-button--active">Active</button>
+    <button class="byu-button byu-button--accent-cool byu-focus">Focus</button>
+    <button class="byu-button byu-button--accent-cool" disabled>Disabled</button>
+    <button class="byu-button byu-button--unstyled">Unstyled button</button>
 </div>