MakersNetwork/agenda-saude

View on GitHub
app/assets/stylesheets/application.scss

Summary

Maintainability
Test Coverage
$enable-responsive-font-sizes: true;

$blue: #005293;

.navbar {
  &.bg-background {
    background: #005293 url(image-path('background_menu.png')) center bottom repeat-x;
  }

  &__logo {
    width: auto;
    height: auto;
    max-height: 46px;
  }
}


@import 'bootstrap';
@import "font-awesome-sprockets";
@import "font-awesome";

.far {
  padding: 12px;
  font-size: 70px;
  color: $blue;
}

.comm-img {
  width: 100%;
  height: auto;
}

.date {
  .day {
    width: 30%;
  }

  .month {
    width: 35%;
  }

  .year {
    width: 34%;
  }

  .day, .month, .year {
    display: inline-block;
  }
}

.datetime {
  .day {
    width: 15%;
  }

  .month {
    width: 15%;
  }

  .year {
    width: 20%;
  }

  .hour {
    width: 15%
  }

  .minute {
    width: 15%;
  }

  .day, .month, .year, .hour, .minute {
    display: inline-block;
  }
}

.form-check {
  margin-left: 3%;
}

.simple-link {
  text-decoration: underline;
}

.table td {
  vertical-align: middle;
}

.table {
  font-size: 1.2rem;
}
.mother-list {
  width: 40%;
}

.mother-list input[type="radio"] {
  width: 0px;
}

.centered-button {
  width: 40% !important;
}

h1, h2, h3, h4, h5 {
  font-family: "Poppins";
}

.pagination-link {
  margin: 0 10px 0 10px;
  font-size: larger;
  font-weight: bold;
}

.color-green {
  color: #218838;
}

.color-red {
  color: #721c24;
}

.color-blue {
  color: #005293;
}

.color-skyblue {
  color: #17a2b8;
}

.color-goldenrod {
  color: #856404;
}