source/stylesheets/refills/_ribbon.scss in refills-0.1.0 vs source/stylesheets/refills/_ribbon.scss in refills-0.2.0
- old
+ new
@@ -3,31 +3,30 @@
border: 1px solid #bbb;
position: relative;
}
.ribbon-wrapper {
- $base-accent-color: #477dca !default;
- $ribbon-background: $base-accent-color;
+ $action-color: #477dca !default;
+ $ribbon-background: $action-color;
$ribbon-size: 85px;
@include size($ribbon-size);
overflow: hidden;
position: absolute;
right: -1px;
top: -1px;
.ribbon {
- @include transform(rotate(45deg));
background-color: $ribbon-background;
- box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 3px rgba(#000, 0.3);
color: #fff;
font-size: 0.8em;
- font-weight: 800;
left: -5px;
line-height: 1.5em;
padding: 2px 7px;
position: relative;
text-align: center;
top: 15px;
+ transform: rotate(45deg);
width: 120px;
}
}