Sha256: abe54ee67ac6b50aba839fdf9e32bb50d47ef19a6660b00dedeeef40f997d620
Contents?: true
Size: 1.43 KB
Versions: 34
Compression:
Stored size: 1.43 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: breakpoint-max-width(s)) {
.ad {
&.responsive {
height: 60px;
width: 100%;
}
}
}
Version data entries
34 entries across 34 versions & 1 rubygems