app/assets/stylesheets/application.scss
$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;
}