// Helpers // MDB helpers .img-fluid, .video-fluid {
max-width: 100%; height: auto;
}
.flex-center {
display: flex; justify-content: center; align-items: center; height: 100%; p { margin: 0; } ul { text-align: center; li { margin-bottom: $flex-center-ul-mb; &:last-of-type { margin-bottom: 0; } } }
}
.hr-light {
border-top: 1px solid $hr-light;
}
.hr-dark {
border-top: 1px solid $hr-dark;
}
// Responsive width .w-responsive {
width: 75%; @media (max-width: 740px) { width: 100%; }
}
// Collapsible body .collapsible-body {
display: none;
}
.jumbotron {
box-shadow: $z-depth-1; border-radius: $border-radius-base; background-color: $white-base;
}
@each $name, $color in $basic-mdb-colors {
@include bg-variant(".bg-#{$name}", $color); .border-#{$name} { border-color: $color !important; }
}
.card-img-100 {
width: 100px; height: 100px;
}
.card-img-64 {
width: 64px; height: 64px;
}
.mml-1 {
margin-left: - 0.25rem !important;
}
.flex-1 {
flex: 1;
}