Spade
Mini Shell
| Directory:~$ /proc/self/root/home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/scss/ |
| [Home] [System Details] [Kill Me] |
.g-companies {
&:not(.gutter-disabled) {
margin-left: -($content-padding);
margin-right: -($content-padding);
.g-companies-container {
> .g-grid {
margin-bottom: ($content-padding*2);
&:last-child {
margin-bottom: 0;
> .g-block {
&:last-child {
.g-companies-item {
@include breakpoint(mobile-only) {
margin-bottom: 0 !important;
}
}
}
}
}
@include breakpoint(mobile-only) {
margin-bottom: 0;
}
}
.g-companies-item {
@include breakpoint(mobile-only) {
margin-bottom: ($content-padding*2) !important;
}
}
}
}
.size-33 {
@include flex(0 33.3333%);
width: 33.3333%;
@include breakpoint(mobile-only) {
@include flex(0 100%);
width: 100%;
}
}
.size-16 {
@include flex(0 16.6666%);
width: 16.6666%;
@include breakpoint(mobile-only) {
@include flex(0 100%);
width: 100%;
}
}
}
.g-companies, .g-companies-slider, .g-companies-slideset {
&.gutter-disabled {
.g-companies-item {
border: none;
}
.uk-slideset {
margin-left: 0;
&.uk-grid {
> * {
padding-left: 0;
}
}
}
.uk-slider-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
&.style1 {
.g-content {
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.g-companies-image {
img {
background: #ffffff;
border: 1px solid $base-border-color;
}
}
.uk-overlay-panel {
padding: 15px;
text-align: center;
}
.g-companies-name {
margin: 0;
color: #ffffff !important;
a {
&:hover {
color: $accent-color-1 !important;
}
}
}
.g-companies-item {
width: 100%;
img {
width: 100%;
@include transition(all 0.3s);
@include filter(grayscale(1));
}
&:hover {
img {
@include filter(grayscale(0));
}
}
.g-companies-image {
a {
display: block;
}
}
}
}
&.style2 {
margin: -5px;
.g-content {
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.g-companies-image {
img {
background: #ffffff;
border: 1px solid $base-border-color;
}
}
.uk-overlay-panel {
padding: 15px;
text-align: center;
}
.g-companies-name {
margin: 0;
color: #ffffff !important;
a {
&:hover {
color: $accent-color-1 !important;
}
}
}
.g-companies-item {
width: 100%;
@include transition(all 0.3s);
img {
width: 100%;
@include transition(all 0.3s);
@include filter(grayscale(1));
}
&:hover {
img {
@include filter(grayscale(0));
}
}
.g-companies-image {
a {
display: block;
}
}
}
.uk-slidenav-position, .g-companies-container {
&:hover {
.g-companies-item {
opacity: 0.5;
&:hover {
opacity: 1;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
}
}
}
}
.uk-slider-container {
padding: 6px;
}
}
}