Sha256: 40bcec3269ca3cfddb77e305574f298d27d5727b7eb188a0a70c7f9b5acd5d5b
Contents?: true
Size: 1.55 KB
Versions: 12
Compression:
Stored size: 1.55 KB
Contents
.divider {
display: block; position: relative;
background: inherit;
text-align: center;
span {
display: inline-block; position: relative;
margin: 0 auto; padding: 0 15px;
background: inherit;
z-index: 3;
&.white-bg { background: #fff; }
}
&:after {
display: block; position: absolute; content: "";
margin: 0; padding: 0;
top: 50%; height: 1px;
left: 0; right: 0;
background: #ccc;
z-index: 1;
}
}
.dot {
display: block; display: inline-block; position: relative;
width: 10px; height: 10px;
@include border-radius( 15px );
border: solid 1px $main-border-color;
&.ok { background: #55b8f7; border: solid 1px darken( #55b8f7, 10% ); }
&.warning { background: #f9a538; border: solid 1px darken( #f9a538, 10% ); }
}
.number_dot {
display: inline-block;
height: 92px;
line-height: 82px;
width: 92px;
text-align: center;
@include border-radius( 100px );
@include box-shadow (inset 0 1px 1px 0 rgba(51,102,153,0.4));
text-shadow: 0 2px rgba(51,102,153,0.4);
border: solid 5px #fff;
color: #fff;
background-color: $pink;
font-size: 40px;
font-weight: 800;
margin: 0 auto 10px;
}
.striked {
display: inline-block;
position: relative;
&:before, &:after {
display: block; position: absolute; content: "";
margin: 0; padding: 0;
}
&:before {
top: -10px; right: -10px; bottom: -6px; left: -8px;
background:transparent image-url('magic/helper/crossed.png') center center no-repeat;
background-size: contain;
}
&:after {
bottom: 100%;
left: 42%;
content: attr(data-text);
color: #369;
font-size: 90%;
font-style: italic;
}
}
Version data entries
12 entries across 12 versions & 1 rubygems