AdminLTE/build/scss/_products.scss

69 lines
953 B
SCSS
Raw Normal View History

//
// Component: Products
//
2015-10-31 21:00:16 +00:00
.products-list {
list-style: none;
margin: 0;
padding: 0;
2015-10-31 21:00:16 +00:00
> .item {
@include clearfix ();
2018-03-17 17:07:55 +00:00
@if $enable-rounded {
@include border-radius($border-radius);
}
background-color: $white;
padding: 10px 0;
2020-09-23 14:08:15 +00:00
2015-10-31 21:00:16 +00:00
}
2015-10-31 21:00:16 +00:00
.product-img {
float: left;
2015-10-31 21:00:16 +00:00
img {
height: 50px;
width: 50px;
2015-10-31 21:00:16 +00:00
}
}
2015-10-31 21:00:16 +00:00
.product-info {
margin-left: 60px;
}
2015-10-31 21:00:16 +00:00
.product-title {
font-weight: 600;
}
2015-10-31 21:00:16 +00:00
.product-description {
2018-03-17 17:07:55 +00:00
color: $gray-600;
display: block;
2015-10-31 21:00:16 +00:00
overflow: hidden;
text-overflow: ellipsis;
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;
2015-10-31 21:00:16 +00:00
&:last-of-type {
border-bottom-width: 0;
}
}
2020-09-23 14:08:15 +00:00
.dark-mode {
.products-list > .item {
background-color: $dark;
color: $white;
border-bottom-color: $gray-600;
}
.product-description {
color: $gray-400;
}
}