Stickers

Make your message stand out

Note: You need castlecss-stickers or the castlecss-boilerplate for this.

Feel free to use these stickers to get you started. Create your own stickers.scss to overwrite the standard stickers or edit your variables.scss variables document for different colors/styles.

Stickers with notification / alert colors

These stickers have the alert / notification colors you have defined in your variables.

Sticker Positive Sticker Negative Sticker Alert Sticker Warning Sticker 
			Sticker
			Positive Sticker
			Negative Sticker
			Alert Sticker
			Warning Sticker

Stickers with theme colors

These stickers have the theme colors you have defined in your variables.

Theme 01 Theme 02 Theme 03 Theme 04
Theme 05 
			Theme 01
			Theme 02
			Theme 03
			Theme 04
			Theme 05

Large stickers

Extra class for making stickers larger.

Large Sticker Large Sticker Theme01 
			Large Sticker
			Large Sticker Theme01

Options for your variables

Add or copy these styles to your project or download the boilerplate, the variables are already added there. 
				// Default sticker styles
				$sticker-font-size: 1.4rem;
				$sticker-font-size-large: 1.6rem;
				$sticker-bgcolor: $color03;
				$sticker-color: $color02;
				$sticker-transform: none;
				$sticker-weight: normal;
				$sticker-radius: $radius;