80 lines
No EOL
996 B
SCSS
80 lines
No EOL
996 B
SCSS
// assets/styles/global.scss
|
|
|
|
// customize some Bootstrap variables
|
|
$primary: darken(#005035, 20%);
|
|
|
|
// the ~ allows you to reference things in node_modules
|
|
@import "~bootstrap/scss/bootstrap";
|
|
|
|
footer {
|
|
background-color: #ddd;
|
|
height: auto;
|
|
}
|
|
|
|
nav {
|
|
min-height: 4rem;
|
|
}
|
|
|
|
.container {
|
|
min-height: calc(100vh - 15rem);
|
|
}
|
|
|
|
.offer-img {
|
|
height: 15rem;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.offer {
|
|
$card-height: 100%;
|
|
width: 20rem;
|
|
}
|
|
|
|
.username {
|
|
float: left;
|
|
}
|
|
|
|
.zip {
|
|
float: right;
|
|
}
|
|
|
|
.img-container {
|
|
width: 50%;
|
|
min-width: 20rem;
|
|
}
|
|
|
|
.offer-info {
|
|
width: 50%;
|
|
min-width: 20rem;;
|
|
}
|
|
|
|
.offer-footer {
|
|
color: #555;
|
|
}
|
|
|
|
.user-link {
|
|
color: #555;
|
|
}
|
|
|
|
.user-link:hover {
|
|
color: #000;
|
|
}
|
|
|
|
.show-img-container {
|
|
min-width: 20rem;
|
|
max-width: 30rem;
|
|
}
|
|
|
|
.card {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.link-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
@include media-breakpoint-up(sm) {
|
|
.show-img-container {
|
|
margin-right: 2rem;
|
|
}
|
|
} |