Merge pull request #448 from BipinKalra/eligibility_test

Eligibility test

Author: BipinKalra

examples/views/index.hbs

@@ -88,6 +88,7 @@
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="dashboard-cards.html">dashboard-cards</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="dashboard-carousel-cards.html">dashboard-carousel-cards</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="dashboard-stats-card.html">dashboard-stats-card</a></div>
+<div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="eligibility-test-modals.html">eligibility-test-modals</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="goodies-card.html">goodies-card</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="hiring-index.html">hiring-index</a></div>
 <div class="py-2 px-4 text-ellipses"><a target="preview" class="font-sm" href="home.html">home</a></div>

examples/views/layouts/default.hbs

@@ -7,7 +7,7 @@
       <link href="stylesheets/account.css" rel="stylesheet">
       <link href="stylesheets/hb.css" rel="stylesheet">
       <link href="stylesheets/hiringblocks.css" rel="stylesheet">
-      <link href="stylesheets/coding-blocks.css" rel="stylesheet">
+      {{!-- <link href="stylesheets/coding-blocks.css" rel="stylesheet"> --}}
       <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800" rel="stylesheet">
       <link href="https://minio.codingblocks.com/motley/Gilroy.ttf" rel="stylesheet">
       <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

examples/views/online-cb/eligibility-test-modals.hbs

@@ -13,4 +13,5 @@
   @import "form-input.scss";
   @import "hamburger-nav.scss";
   @import "img-card.scss";
+  @import "divided-list-horizontal.scss";
 }

sass/styles/applications/online-cb/_application.scss

@@ -0,0 +1,7 @@
+.divided-list {
+  & > * {
+    &:not(:last-child) {
+      border-right: solid 1px $hover-grey;
+    }
+  }
+}

sass/styles/applications/online-cb/divided-list-horizontal.scss

@@ -35,6 +35,7 @@ $grey: #a2a4a8;
 $dark-grey: #666;
 $border-grey: #2b2f37;
 $del-text-grey: #e7dddd;
+$pink: #f24f60;
 
 $facebook: #3b5998;
 $google: #f4695a;
@@ -191,6 +192,7 @@ $bg-color-list: (
   "blue": $blue,
   "white": $white,
   "yellow": $yellow,
+  "pink": $pink,
   "grey": $grey,
   "light-grey": $light-grey,
   "dark-grey": $interview-grey,
@@ -210,7 +212,7 @@ $text-color-list: (
   "yellow": $yellow,
   "grey": $grey,
   "purple": $purple,
-  "pink": $dcb-pink,
+  "pink": $pink,
   "med-grey": $faded-text,
   "dark-grey": $dark-grey,
   "del-text-grey": $del-text-grey,

sass/styles/settings/settings.color.scss

@@ -24,7 +24,8 @@
   ('black', $black),
   ('orange', $orange),
   ('white', $white),
-  ('orange', $orange) {
+  ('orange', $orange),
+  ('pink', $pink) {
   .b-#{$type} {
     border-color: $color !important;
   }