62 lines
No EOL
801 B
SCSS
62 lines
No EOL
801 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";
|
|
|
|
.offer-img {
|
|
height: 15rem;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.offer {
|
|
$card-height: 100%;
|
|
width: 20rem;
|
|
}
|
|
|
|
.username {
|
|
float: left;
|
|
}
|
|
|
|
.zip {
|
|
float: right;
|
|
}
|
|
|
|
.offer-container {
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
@include media-breakpoint-up(sm) {
|
|
.show-img-container {
|
|
margin-right: 2rem;
|
|
}
|
|
} |