Sha256: 4385d1885e026907ea5a6f6a1b10a7860a93869f93afc90820c1664d409bc73c
Contents?: true
Size: 1.42 KB
Versions: 32
Compression:
Stored size: 1.42 KB
Contents
// Table of Contents
// ==================================================
// Ad
// Sizes
// Media Queries
// Ad
// ==================================================
.ad {
background: color(light-haze);
border: 1px solid color(haze);
box-sizing: border-box;
display: block;
height: 220px;
width: 220px;
}
// Sizes
// ==================================================
.ad-banner {
height: 60px;
width: 468px;
}
.ad-half-banner {
height: 60px;
width: 234px;
}
.ad-mobile-banner {
height: 50px;
width: 320px;
}
.ad-vertical-banner {
height: 240px;
width: 120px;
}
.ad-button {
height: 125px;
width: 125px;
}
.ad-leaderboard {
height: 90px;
width: 728px;
}
.ad-large-leaderboard {
height: 90px;
width: 970px;
}
.ad-large-rectangle {
height: 280px;
width: 336px;
}
.ad-medium-rectangle {
height: 250px;
width: 300px;
}
.ad-small-rectangle {
height: 150px;
width: 180px;
}
.ad-skyscrapper {
height: 600px;
width: 120px;
}
.ad-large-skyscrapper {
height: 600px;
width: 300px;
}
.ad-wide-skyscrapper {
height: 600px;
width: 160px;
}
.ad-square {
height: 250px;
width: 250px;
}
.ad-small-square {
height: 200px;
width: 200px;
}
.ad-custom,
.ad-responsive {
height: 60px;
width: 100%;
}
// Media Queries
// ==================================================
@media only screen and (max-width: 767px) {
.ad {
&.responsive {
height: 60px;
width: 100%;
}
}
}
Version data entries
32 entries across 32 versions & 1 rubygems