tmh_speech_bubble v0.1.1

TMH Speech Bubble

This is speech bubble library.

NPM

npm i tmh_speech_bubble

Basic Usage

CSS

<link rel="stylesheet" href="tmh-speech-bubble.css">

HTML

<i class="speech-bubble" data-arrow="bottom-left">Bottom Left Arrow</i>

<i class="speech-bubble" data-arrow="bottom-center">Bottom Center Arrow</i>

<i class="speech-bubble" data-arrow="bottom-right">Bottom Right Arrow</i>

Variable defaults

// _variable.scss

// colors
$bubble-bg-color: #fff;
$bubble-color: #333;
// fonts
$bubble-font-size: 13px;
// position
$bubble-position-left: 5px;
$bubble-position-right: 5px;
// width and height of speech bubble
$bubble-max-width: 135px;