css changes

mitodl · Feb 4, 2021 · 8c48bc9 · 8c48bc9
1 parent 940e479
commit 8c48bc9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/static/scss/detail/news-and-events-carousel.scss b/static/scss/detail/news-and-events-carousel.scss
@@ -1,7 +1,7 @@
 // sass-lint:disable mixins-before-declarations
 .news-and-events-block {
   padding: 100px 0 50px;
-  background:#F6F7F9;
+  background: white;
   min-height: 400px;
   overflow: hidden;
   position: relative;
@@ -10,6 +10,7 @@
 
   .head {
     text-align: center;
+    margin-bottom: 20px;
   }
 
   h1 {
@@ -34,7 +35,8 @@
   .slide {
     float: left;
     width: 33.333%;
-    padding: 0 15px;
+    padding: 0 5px;
+    margin: 10px;
     opacity: 0.3;
 
     &.slick-active {
@@ -51,15 +53,15 @@
   }
 
   .slick-dots li button {
-    background-color: #E3E3E3;
+    background-color: $events-background;
   }
 
   .slick-dots li button:hover {
     background-color: $primary;
   }
 
   .slide-holder {
-    background: #E3E3E3;
+    background: $events-background;
     border-radius: 5px;
     box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
     height: 100%;

diff --git a/static/scss/variables.scss b/static/scss/variables.scss
@@ -26,5 +26,7 @@ $detail-grid-border-color: #b4b4b4;
 $featured-banner-background: #a32034;
 $featured-banner-border: #5e0c19;
 
+$events-background: #e3e3e3;
+
 $footer-bg: #262622;
 $footer-border: #686461;