2019-07-18 14:22:11 +00:00
|
|
|
//
|
|
|
|
// Component: Products
|
|
|
|
//
|
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
.products-list {
|
|
|
|
list-style: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
> .item {
|
2020-05-30 13:06:11 +00:00
|
|
|
@include clearfix ();
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2018-03-17 17:07:55 +00:00
|
|
|
@if $enable-rounded {
|
|
|
|
@include border-radius($border-radius);
|
|
|
|
}
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2020-06-13 10:22:58 +00:00
|
|
|
background-color: $white;
|
2019-06-28 08:02:07 +00:00
|
|
|
padding: 10px 0;
|
2020-09-23 14:08:15 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
}
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
.product-img {
|
|
|
|
float: left;
|
2019-07-18 14:22:11 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
img {
|
|
|
|
height: 50px;
|
2019-06-28 08:02:07 +00:00
|
|
|
width: 50px;
|
2015-10-31 21:00:16 +00:00
|
|
|
}
|
|
|
|
}
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
.product-info {
|
|
|
|
margin-left: 60px;
|
|
|
|
}
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
.product-title {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
.product-description {
|
2018-03-17 17:07:55 +00:00
|
|
|
color: $gray-600;
|
2019-06-28 08:02:07 +00:00
|
|
|
display: block;
|
2015-10-31 21:00:16 +00:00
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
2019-06-28 08:02:07 +00:00
|
|
|
white-space: nowrap;
|
2015-10-31 21:00:16 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-03-17 17:07:55 +00:00
|
|
|
.product-list-in-card > .item {
|
2015-10-31 21:00:16 +00:00
|
|
|
@include border-radius(0);
|
2018-03-17 17:07:55 +00:00
|
|
|
border-bottom: 1px solid $card-border-color;
|
2019-06-28 08:02:07 +00:00
|
|
|
|
2015-10-31 21:00:16 +00:00
|
|
|
&:last-of-type {
|
|
|
|
border-bottom-width: 0;
|
|
|
|
}
|
|
|
|
}
|
2020-09-23 14:08:15 +00:00
|
|
|
|
|
|
|
|
2021-04-13 12:24:31 +00:00
|
|
|
@include dark-mode () {
|
2020-09-23 14:08:15 +00:00
|
|
|
.products-list > .item {
|
|
|
|
background-color: $dark;
|
|
|
|
color: $white;
|
|
|
|
border-bottom-color: $gray-600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.product-description {
|
|
|
|
color: $gray-400;
|
|
|
|
}
|
|
|
|
}
|