Skip to content

Instantly share code, notes, and snippets.

@mir4a
Created February 19, 2015 12:37
Show Gist options
  • Save mir4a/06380fca2e839a01ad6c to your computer and use it in GitHub Desktop.
Save mir4a/06380fca2e839a01ad6c to your computer and use it in GitHub Desktop.
Real hell SCSS
div#home-store-info {
@extend .hidden-xs;
@extend .col-sm-12;
@extend .col-md-12;
margin-bottom: 20px;
div.store-info-block {
background-color: rgba(255, 255, 255, 0.4);
color: #1b6a8e;
@extend .row;
div.header {
@extend .col-sm-3;
@extend .col-md-3;
padding-top: 30px;
}
div.address {
@extend .col-sm-3;
@extend .col-md-3;
padding-top: 20px;
}
div.map-button {
@extend .col-sm-1;
@extend .col-md-1;
padding-top: 25px;
}
div.contacts {
@extend .col-sm-4;
@extend .col-md-4;
padding-top: 20px;
div.row {
div.key {
@extend .col-md-2;
@extend .col-sm-3;
}
div.value {
@extend .col-md-10;
@extend .col-sm-9;
}
}
}
div.toggle-button-container {
@extend .col-sm-1;
@extend .col-md-1;
padding-right: 0px;
&.col-sm-1 {
div.store-info-button {
width: 100%;
}
}
&.col-md-1 {
div.store-info-button {
width: 33px;
float: right;
}
}
}
}
div.additional-content {
@extend .row;
display: none;
background-color: rgba(255, 255, 255, 0.4);
color: #1b6a8e;
div.franchised {
@extend .col-sm-offset-3;
@extend .col-md-offset-3;
@extend .col-sm-6;
@extend .col-md-6;
padding-top: 20px;
padding-bottom: 40px;
}
&.images {
padding-bottom: 20px;
div.images-container {
@extend .col-sm-offset-3;
@extend .col-md-offset-3;
@extend .col-sm-6;
@extend .col-md-6;
div.container-fluid {
padding-left: 0px;
div.image-container {
@extend .col-sm-2;
@extend .col-md-2;
text-align: center;
-ms-align-content: center;
-webkit-align-content: center;
align-content: center;
font-size: 10px;
font-family: Arial;
}
}
}
}
}
}
@mir4a
Copy link
Author

mir4a commented Feb 19, 2015

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment