Sha256: 3a08b69d7d2fd3a6426ef0d50a71ca5272a105faf619ee30ae84fb0d68541719
Contents?: true
Size: 1.57 KB
Versions: 10
Compression:
Stored size: 1.57 KB
Contents
// Table of Contents
// ==================================================
// Alert
// Colors
// Styles
// Media Queries
// Alert
// ==================================================
.alert {
background: color(light-haze);
border: 0;
border-bottom-width: 1px;
border-style: solid;
border-color: color(light-haze);
box-sizing: border-box;
color: color(steel);
display: block;
padding: 13px 20px;
width: 100%;
.alert-close {
float: right;
margin-left: 15px;
}
&.absolute,
&.fixed { z-index: 2060; }
&.absolute {
position: absolute;
width: inherit;
}
&.fixed,
&.floating { position: fixed; }
&.fixed {
left: 0;
top: 0;
&.bottom {
bottom: 0;
top: auto;
}
}
&.floating {
left: 160px;
top: 50px;
width: calc(100% - 320px);
&.bottom { bottom: 50px; }
}
}
// Colors
// ==================================================
@each $name, $color in $colors {
.alert-color-#{$name} {
background: color($name);
border-color: color($name);
color: text-color-on($name);
&.alert-outline {
border-color: color($name);
color: color($name);
}
}
}
// Styles
// ==================================================
.alert-border {
border-radius: border-radius(b);
border-width: 1px;
}
.alert-outline { background: color(transparent); }
// Media Queries
// ==================================================
@media only screen and (max-width: breakpoint-max-width(s)) {
.alert {
&.floating {
left: 10px;
top: 26px;
width: calc(100% - 20px);
}
}
}
Version data entries
10 entries across 10 versions & 1 rubygems