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: 812px) {
  .ad {
    &.responsive {
      height: 60px;
      width: 100%;
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
active_frontend-16.1.7	vendor/assets/stylesheets/components/_ad.scss