Sha256: deb1beaae2d9670a1d8bb2c234423a2b4bee16559b9c11a73f4858ac29cad2f2
Contents?: true
Size: 1.48 KB
Versions: 5
Compression:
Stored size: 1.48 KB
Contents
@mixin corner-banner($ruby-badger-color: #333) {
&.corner-banner.ruby-badger {
position: absolute;
left: -52px;
top: 30px;
display: block;
width: 200px;
background: $ruby-badger-color;
background: -moz-linear-gradient(top, $ruby-badger-color 0%, darken($ruby-badger-color, 20) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $ruby-badger-color), color-stop(100%, darken($ruby-badger-color, 20)));
text-align:center;
font-size:11px;
line-height:13px;
padding:4px 3px 4px 3px;
text-shadow: darken($ruby-badger-color, 20) 1px 1px 0;
-webkit-transform: rotate(-45deg); /* Saf3.1+, Chrome */
-moz-transform: rotate(-45deg); /* FF3.5+ */
-ms-transform: rotate(-45deg); /* IE9 */
-o-transform: rotate(-45deg); /* Opera 10.5 */
transform: rotate(-45deg);
box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;
-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;
-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;
z-index: 1035;
letter-spacing:1px;
font-style:normal;
font-size:8px !important;
color:#fff;
text-transform:uppercase;
line-height:12px;
display:block;
font-family: Arial;
a:link,
a:visited {color:#FFF0B7;text-decoration: none;}
a:hover,
a:focus {color:#FFF;text-decoration: none;}
}
}
.development { @include corner-banner(#933720) }
.staging { @include corner-banner(#f90); }
Version data entries
5 entries across 5 versions & 1 rubygems