blaze/dist/components.bubbles.min.css

Open Source CSS Toolkit

/*!v3.2.2*/.c-bubble{display:inline-block;position:relative;padding:1em;border-radius:4px;background-color:#111;color:#fff;text-align:center;white-space:nowrap}.c-bubble:after{display:block;position:absolute;width:0;height:0;border:10px solid transparent;content:""}.c-bubble--top:after{bottom:-20px;left:50%;transform:translateX(-50%);border-top-color:#111}.c-bubble--right:after{top:50%;left:-20px;transform:translateY(-50%);border-right-color:#111}.c-bubble--bottom:after{top:-20px;left:50%;transform:translateX(-50%);border-bottom-color:#111}.c-bubble--left:after{top:50%;right:-20px;transform:translateY(-50%);border-left-color:#111}