Skip to content

Instantly share code, notes, and snippets.

@gustavom
Created June 2, 2015 20:02
Show Gist options
  • Save gustavom/a4ec0843896726b402ee to your computer and use it in GitHub Desktop.
Save gustavom/a4ec0843896726b402ee to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
@for $i from 1 through 14 {
$altura_img: 360;
$largura_img: 980;
$nova_largura_img: 1030-($i * 50);
//AI / LI * NLI = NAI
@media only screen and (min-width: 981 -($i * 50)+px) and (max-width: 1030-($i * 50)+px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: $altura_img/$largura_img*$nova_largura_img+px;
}
}
}
@media only screen and (min-width: 931px) and (max-width: 980px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 360px;
}
}
@media only screen and (min-width: 881px) and (max-width: 930px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 341.63265px;
}
}
@media only screen and (min-width: 831px) and (max-width: 880px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 323.26531px;
}
}
@media only screen and (min-width: 781px) and (max-width: 830px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 304.89796px;
}
}
@media only screen and (min-width: 731px) and (max-width: 780px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 286.53061px;
}
}
@media only screen and (min-width: 681px) and (max-width: 730px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 268.16327px;
}
}
@media only screen and (min-width: 631px) and (max-width: 680px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 249.79592px;
}
}
@media only screen and (min-width: 581px) and (max-width: 630px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 231.42857px;
}
}
@media only screen and (min-width: 531px) and (max-width: 580px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 213.06122px;
}
}
@media only screen and (min-width: 481px) and (max-width: 530px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 194.69388px;
}
}
@media only screen and (min-width: 431px) and (max-width: 480px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 176.32653px;
}
}
@media only screen and (min-width: 381px) and (max-width: 430px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 157.95918px;
}
}
@media only screen and (min-width: 331px) and (max-width: 380px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 139.59184px;
}
}
@media only screen and (min-width: 281px) and (max-width: 330px) {
.hc-banner-full,
.wrapper.ExpansiveStructure-Master .hc-banner-full {
min-height: 121.22449px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment