@front10/landing-page-book

Version:
A react library for landing page
75 lines (63 loc) • 2.05 kB
CSS
:root {
  --Card-borderRadius: 0px;
  --Card__Summary-fontSize: 0.8rem;
  --Card__Summary-color: #000;
  --Card__Summary-backgroundColor: #fff;
  --Card__Title-fontSize: 1.2rem;
  --Card__Title-color: #000;
  --Card__Subtitle-fontSize: 0.9rem;
  --Card__Subtitle-color: #b5b5b5;
  --Card-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

:root {
  --Image-boxShadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.img-shadow {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.Card {
  background-color: transparent;
  border-radius: 0px; }
  .Card .Card__Summary {
    font-size: 0.8rem;
    color: #000;
    background-color: #fff; }
  .Card .Card__Summary--justified {
    text-align: justify; }
  .Card .Card__Title {
    font-size: 1.2rem;
    color: #000; }
  .Card .Card__Subtitle {
    font-size: 0.9rem;
    color: #b5b5b5; }

.Card--shadow {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

:root {
  --Features__CardFooter__Link-padding: none;
  --Features__CardFooter__Link-box-shadow: none;
  --Features__CardFooter__Link-background-color: none;
  --Features__CardFooter__Link-box-shadow-hover: none;
  --Features__CardFooter__Link-background-color-hover: none;
  --Features__CardFooter__Link-color: none;
  --Features__CardFooter__Link-fontSize: none;
  --Features__Image-width: 100px;
  --Features__Image-height: 100px; }

.Features .Card img {
  width: 100px;
  height: 100px;
  margin-top: 1.25rem; }

.Features--center .Card img {
  margin-left: auto;
  margin-right: auto; }

.Features--left .Card img {
  margin-right: auto; }

.Features--right .Card img {
  margin-left: auto; }

.Features .card .card-footer a {
  padding: none;
  box-shadow: none;
  background-color: none;
  color: none;
  font-size: none; }

.Features .card .card-footer a:focus,
.Features .card .card-footer a:active,
.Features .card .card-footer a:hover {
  background-color: none !important;
  box-shadow: none !important; }