Commit 5ba9f4a

mo khan <mo@mokhan.ca>
2021-05-06 03:57:04
fix: use color-text-white class
main
1 parent 7ecb77d
Changed files (3)
app
javascript
styles
sparkles
header.scss
views
sparkles
_index.html.erb
index.html.erb
app/javascript/styles/sparkles/header.scss
@@ -15,9 +15,6 @@
     text-decoration: none;
   }
 }
-.text-white {
-  color: var(--color-text-white);
-}
 
 .hero {
   background: linear-gradient(114.95deg, #24292E 30.38%, #781084 120.55%);
app/views/sparkles/_index.html.erb
@@ -1,4 +1,3 @@
-
 <div class="d-flex flex-column flex-items-start js-flash-messages">
   <% if flash[:sparkle_messages] %>
     <div class="flash flash-success col-12 d-flex flex-column flex-justify-start flex-content-stretch my-4" data-flash-notice>
app/views/sparkles/index.html.erb
@@ -1,7 +1,7 @@
 <div class="hero p-responsive">
   <div class="container-lg">
-    <p class="hero__calloutPrimary text-white text-shadow-dark mb-3">Show your gratitude</p>
-    <p class="hero__calloutSecondary f2-light text-white mb-4">Sparkle  ✨ your peers to let them know you appreciate their work.</p>
+    <p class="hero__calloutPrimary color-text-white text-shadow-dark mb-3">Show your gratitude</p>
+    <p class="hero__calloutSecondary f2-light color-text-white mb-4">Sparkle  ✨ your peers to let them know you appreciate their work.</p>
 
     <%= form_with url: sparkles_path, class: "d-flex position-relative flex-column flex-sm-row" do |form| %>
       <%= form.label :body, "/sparkle", class: "hero-sparkle-label" %>