Spade
Mini Shell
| Directory:~$ /home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/scss/ |
| [Home] [System Details] [Kill Me] |
// Set the variable defaults in case they are missing in the template
$base-element-color: #f8f8f8 !default;
.g-price-lists {
&:not(.gutter-disabled) {
margin-left: -($content-padding);
margin-right: -($content-padding);
}
.g-price-list {
@include breakpoint(mobile-only) {
margin-bottom: 30px;
&:last-child {
margin-bottom: 0;
}
}
}
.g-content {
margin: 0;
padding-top: 0;
padding-bottom: 0;
height: 100%;
}
.g-price-list-inner {
margin: 0;
border: 1px solid $base-border-color;
list-style: none;
background: #ffffff;
position: relative;
overflow: hidden;
padding: 30px;
height: 100%;
}
.color1 {
.g-price-list-inner {
border: none !important;
background: $base-element-color;
}
}
.color2 {
.g-price-list-inner {
border: none !important;
background: darken($base-element-color, 7%);
}
}
.g-list-title {
margin: -5px 0 25px 0;
}
.g-price-list {
> div {
height: 100%;
}
}
.g-item-container {
margin-bottom: 20px;
}
.g-item-price {
float: right;
@include breakpoint(small-mobile-range) {
float: none;
display: block;
margin-top: 5px;
}
}
.g-item-desc {
font-style: italic;
margin-top: 5px;
font-size: 90%;
}
.g-price-lists-button {
text-align: center;
margin-top: 40px;
i {
margin-right: 10px;
}
}
&.gutter-disabled {
> .g-grid {
border: 1px solid $base-border-color;
@include breakpoint(mobile-only) {
border: none;
}
}
.g-price-list-inner {
border: none;
border-right: 1px solid $base-border-color;
border-radius: 0;
@include breakpoint(mobile-only) {
border: 1px solid $base-border-color;
}
}
.g-price-list {
&:last-child {
.g-price-list-inner {
border-right: none;
@include breakpoint(mobile-only) {
border-right: 1px solid $base-border-color;
}
}
}
}
}
}