Sha256: 30c9dbfe8b9b13bd9eaaef8642e36fd979ede536f25498102a9649ae09408c07
Contents?: true
Size: 1.04 KB
Versions: 54
Compression:
Stored size: 1.04 KB
Contents
@import "mixins/settings.global";
.c-bubble {
display: inline-block;
position: relative;
padding: $bubble-padding;
border-radius: $bubble-border-radius;
background-color: $bubble-background-color;
color: $bubble-color;
text-align: $bubble-text-align;
white-space: nowrap;
&:after {
display: block;
position: absolute;
width: 0;
height: 0;
border: $bubble-arrow-width solid transparent;
content: "";
}
}
.c-bubble--top:after {
bottom: -($bubble-arrow-width * 2);
left: 50%;
transform: translateX(-50%);
border-top-color: $bubble-background-color;
}
.c-bubble--right:after {
top: 50%;
left: -($bubble-arrow-width * 2);
transform: translateY(-50%);
border-right-color: $bubble-background-color;
}
.c-bubble--bottom:after {
top: -($bubble-arrow-width * 2);
left: 50%;
transform: translateX(-50%);
border-bottom-color: $bubble-background-color;
}
.c-bubble--left:after {
top: 50%;
right: -($bubble-arrow-width * 2);
transform: translateY(-50%);
border-left-color: $bubble-background-color;
}
Version data entries
54 entries across 54 versions & 4 rubygems