2021-04-24 16:59:51 +02:00
|
|
|
// assets/styles/global.scss
|
|
|
|
|
|
|
|
// customize some Bootstrap variables
|
2021-04-30 17:08:34 +02:00
|
|
|
$primary: darken(#005035, 20%);
|
2021-04-24 16:59:51 +02:00
|
|
|
|
|
|
|
// the ~ allows you to reference things in node_modules
|
|
|
|
@import "~bootstrap/scss/bootstrap";
|
2021-04-26 23:50:23 +02:00
|
|
|
|
2021-05-19 23:07:19 +02:00
|
|
|
footer {
|
|
|
|
background-color: #ddd;
|
2022-01-19 12:49:07 +01:00
|
|
|
height: auto;
|
2021-05-19 23:07:19 +02:00
|
|
|
}
|
|
|
|
|
2021-05-20 11:35:05 +02:00
|
|
|
nav {
|
|
|
|
min-height: 4rem;
|
|
|
|
}
|
|
|
|
|
2021-05-19 23:07:19 +02:00
|
|
|
.container {
|
2021-05-20 11:35:05 +02:00
|
|
|
min-height: calc(100vh - 10rem);
|
2021-05-19 23:07:19 +02:00
|
|
|
}
|
|
|
|
|
2021-05-13 12:11:02 +02:00
|
|
|
.offer-img {
|
2021-04-26 23:50:23 +02:00
|
|
|
height: 15rem;
|
|
|
|
object-fit: cover;
|
|
|
|
}
|
|
|
|
|
2021-05-05 22:11:24 +02:00
|
|
|
.offer {
|
2021-04-26 23:50:23 +02:00
|
|
|
$card-height: 100%;
|
|
|
|
width: 20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.username {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.zip {
|
|
|
|
float: right;
|
2021-04-27 10:20:02 +02:00
|
|
|
}
|
|
|
|
|
2021-05-04 14:28:18 +02:00
|
|
|
.img-container {
|
|
|
|
width: 50%;
|
|
|
|
min-width: 20rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.offer-info {
|
|
|
|
width: 50%;
|
|
|
|
min-width: 20rem;;
|
2021-05-07 09:55:41 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.offer-footer {
|
|
|
|
color: #555;
|
2021-05-13 12:11:02 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-link {
|
|
|
|
color: #555;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-link:hover {
|
|
|
|
color: #000;
|
2021-05-13 23:41:52 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.show-img-container {
|
|
|
|
min-width: 20rem;
|
|
|
|
max-width: 30rem;
|
|
|
|
}
|
|
|
|
|
2021-05-19 13:31:03 +02:00
|
|
|
.card {
|
|
|
|
margin-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
|
2022-01-19 12:49:07 +01:00
|
|
|
.link-list {
|
|
|
|
list-style: none;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2021-05-13 23:41:52 +02:00
|
|
|
@include media-breakpoint-up(sm) {
|
|
|
|
.show-img-container {
|
|
|
|
margin-right: 2rem;
|
|
|
|
}
|
|
|
|
}
|