From 6835f85a2a20ecc553467841a7f652780b7d9dbc Mon Sep 17 00:00:00 2001
From: Pankaj Kumar Sahu <pankajsahuhero@gmail.com>
Date: Thu, 1 Oct 2020 23:56:34 +0530
Subject: [PATCH] Update _base.scss

---
 _sass/_base.scss | 109 ++++++++++++++++++++++++++---------------------
 1 file changed, 60 insertions(+), 49 deletions(-)

diff --git a/_sass/_base.scss b/_sass/_base.scss
index 34960a2..b8d26cc 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1,7 +1,7 @@
 body {
   background-color: #000;
   color: white;
-  font-family: 'Anonymous Pro', monospace;
+  font-family: "Anonymous Pro", monospace;
 }
 
 .page-content {
@@ -13,7 +13,8 @@ h1 {
   text-transform: uppercase;
 }
 
-h1, h2{
+h1,
+h2 {
   font-weight: 600;
 }
 
@@ -25,8 +26,7 @@ p {
   font-size: 18px;
 }
 
-
-.menu{
+.menu {
   margin-top: 16px;
   text-transform: uppercase;
 }
@@ -36,7 +36,7 @@ p {
 }
 
 .icon-bar {
-  background: #FFF;
+  background: #fff;
 }
 
 .mB-60 {
@@ -55,27 +55,31 @@ p {
   text-align: center;
 }
 
-button{
-  background-color: #C72838;
+button {
+  background-color: #c72838;
   border-color: #fff;
   padding: 15px 20px;
   font-size: 16px;
   font-weight: 600;
   margin-top: 20px;
   margin-right: 10px;
+  transition: all 0.36s ease;
 }
 
-button:hover{
-  background-color: #8E1923;
+button:hover {
+  background-color: #8e1923;
+  transition: all 0.36s ease;
 }
 
 .btn-white {
   background-color: #fff;
   border-color: #000;
+  transition: all 0.36s ease;
 }
 
-.btn-white:hover{
+.btn-white:hover {
   background-color: #fff;
+  transition: all 0.36s ease;
 }
 
 .top-menu {
@@ -86,20 +90,23 @@ button:hover{
   background-color: #fff;
   font-size: 28px;
   text-align: center;
-  box-shadow: 0 1px 1px rgba(0,0,0,.4);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
 }
 
 .top-menu a {
   color: #000;
   margin-bottom: 30px;
+  transition: all 0.36s ease;
 }
 
-.nav>li>a:focus, .nav>li>a:hover {
+.nav > li > a:focus,
+.nav > li > a:hover {
   text-decoration: underline;
   background-color: transparent;
+  transition: all 0.36s ease;
 }
 
-.banner-bg{
+.banner-bg {
   background: url(images/gif2.gif);
   background-position: 0px 100px;
   background-size: cover;
@@ -111,12 +118,12 @@ button:hover{
   background-size: cover;
 }
 
-.content-block{
+.content-block {
   margin-top: 40px;
   margin-bottom: 60px;
 }
 
-.infographic{
+.infographic {
   padding-top: 40px;
   width: 100%;
 }
@@ -125,12 +132,12 @@ button:hover{
   width: 100%;
 }
 
-.disclaimer{
+.disclaimer {
   background-color: #fff;
   color: #000;
 }
 
-.robot-picture{
+.robot-picture {
   background: url(images/rosie.png);
   background-repeat: no-repeat;
   background-size: 336px;
@@ -139,42 +146,42 @@ button:hover{
   background-position-x: center;
 }
 
-.table-container{
+.table-container {
   //background: url(images/pixelmountains-reverse.png);
   background-position-y: -15px;
   background-repeat: repeat-x;
   padding-top: 80px;
-  background-size: 370px
+  background-size: 370px;
 }
 
-.data-table{
+.data-table {
   margin-top: 40px;
 }
 
-table th{
+table th {
   font-weight: bold;
   font-size: 18px;
-  background-color: #FFF;
+  background-color: #fff;
   color: black;
 }
 
-table td{
+table td {
   font-size: 18px;
 }
 
-.post-thumb{
-  background-color: #FFF;
+.post-thumb {
+  background-color: #fff;
   padding: 12px;
   display: flex;
   align-items: center;
 }
 
-.post-thumb-img{
+.post-thumb-img {
   background-size: cover;
   height: 12rem;
 }
 
-.post-title{
+.post-title {
   margin-bottom: 20px;
   height: 105px;
 }
@@ -189,7 +196,7 @@ table td{
 }
 
 .stories-thumb-area .row {
-  background-color: #FFF;
+  background-color: #fff;
   padding: 12px;
   margin-bottom: 30px;
 }
@@ -201,21 +208,21 @@ table td{
   height: 12rem;
 }
 
-.post-thumb a{
+.post-thumb a {
   color: black;
 }
 
 .purple {
-  color:#bc68d1;
+  color: #bc68d1;
 }
 
-.more-posts-link{
-  color: #FFF;
+.more-posts-link {
+  color: #fff;
   font-size: 18px;
   text-transform: uppercase;
 }
 
-.posts-thumb-area{
+.posts-thumb-area {
   margin-top: 20px;
 }
 
@@ -223,45 +230,47 @@ table td{
   border: none;
 }
 
-.panel-default>.panel-heading {
+.panel-default > .panel-heading {
   color: #fff;
   background-color: #000;
   border: none;
 }
 
-.panel-title a{
+.panel-title a {
   font-size: 22px;
   text-decoration: none;
 }
 
-.panel-default>.panel-heading+.panel-collapse>.panel-body {
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
   background-color: #000;
   border-top: none;
 }
 
-footer{
+footer {
   height: 270px;
-  background-color: #43007F;
+  background-color: #43007f;
   color: #fff;
   padding-top: 20px;
   text-transform: uppercase;
 }
 
-footer a{
+footer a {
   color: #fff;
   font-size: 20px;
+  transition: all 0.36s ease;
 }
 
-footer a:hover{
+footer a:hover {
   color: #fff;
+  transition: all 0.36s ease;
 }
 
-.footer-menu a{
+.footer-menu a {
   display: table;
 }
 
-.support-cta{
-  background-color: #EB4A3B;
+.support-cta {
+  background-color: #eb4a3b;
   font-size: 2rem;
   padding: 5px;
   position: fixed;
@@ -272,28 +281,30 @@ footer a:hover{
   z-index: 1;
 }
 
-.support-cta-anchor{
+.support-cta-anchor {
   color: white;
   width: 100%;
   display: block;
   width: 100%;
+  transition: all 0.36s ease;
 }
 
-.support-cta-anchor:hover{
+.support-cta-anchor:hover {
   color: white;
   cursor: pointer;
+  transition: all 0.36s ease;
 }
 
-.partner-anchor{
+.partner-anchor {
   display: inline-block;
 }
 
-#supporters{
+#supporters {
   column-count: 2;
 }
 
 @media screen and (max-width: 1200px) {
-  #supporters{
+  #supporters {
     column-count: 1;
   }
 }
@@ -302,4 +313,4 @@ footer a:hover{
   .menu {
     margin-top: 75px;
   }
-}
\ No newline at end of file
+}