Image block 2.0 – collage

Description

/* IMAGE BLOCKS 2.0 – COLLAGE
- - - - - - - - - - - - - - */

// IMG COLLAGE - title
// Uncomment line below if dynamic fonts are switched off
// body:not(.image-block-collage-dynamic-font-sizing) 

.sqs-block-image 
.design-layout-collage 
.image-title a {
  .anti;
  transition: @transition;
&:hover {
  color: red;
  }  
}

// IMG COLLAGE - subtitle
// Uncomment line below if dynamic fonts are switched off
// body:not(.image-block-collage-dynamic-font-sizing) 

.sqs-block-image 
.design-layout-collage 
.image-subtitle a {
  .anti;
  color: #FFF;
  border-bottom-width: 0;
  transition: @transition;
&:hover {
  color: green;
  }  
}

// IMG COLLAGE subtitle @480
@media @480 {
.sqs-block-image 
.design-layout-collage 
.image-subtitle a {
  font-size: 18px;
 }
}

// IMG COLLAGE - button
.sqs-block-image 
.design-layout-collage 
.image-button a {
  .anti;
  color: #FFF;
  transition: @transition;
&:hover {  
  color: #FFF;
  background: @grey-light;
  border: 1px solid @grey-light;
  opacity: .5;
  }
}