Skip to content

Instantly share code, notes, and snippets.

@MacKP
Created May 13, 2014 14:46
Show Gist options
  • Save MacKP/a5b23a91298787b6c170 to your computer and use it in GitHub Desktop.
Save MacKP/a5b23a91298787b6c170 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<section>
<div class="box dunkelgrau">Inhalt</div>
<div class="box gruen">Inhalt</div>
</section>
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$gruen: #7ba32b;
$dunkelgrau: #13191D;
$font-dunkel: #000;
$font-hell: #fff;
section {width: 500px;}
.box {
display: inline-block;
height: 50px;
padding: 10px;
width: 50%;
@media (max-width: 600px) {
width: 100%;
}
}
.gruen {
background-color: $gruen;
color: $font-dunkel;
}
.dunkelgrau {
background-color: $dunkelgrau;
color: $font-hell;
}
section {
width: 500px;
}
.box {
display: inline-block;
height: 50px;
padding: 10px;
width: 50%;
}
@media (max-width: 600px) {
.box {
width: 100%;
}
}
.gruen {
background-color: #7ba32b;
color: black;
}
.dunkelgrau {
background-color: #13191d;
color: white;
}
<section>
<div class="box dunkelgrau">Inhalt</div>
<div class="box gruen">Inhalt</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment