Atoms

<insert-markup>atoms.buttons.icon-</insert-markup>

.-outlined.-rounded

Outlined button and ROunded

<insert-markup>atoms.buttons.icon-3</insert-markup>

Markup: ..\..\styleguide\templates\atoms\buttons-icon.html

<a href="#" class="rocksite-a-button-icon [modifier class]">

	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
		<path d="M11.25 3.75v7.5h-7.5v1.5h7.5v7.5h1.5v-7.5h7.5v-1.5h-7.5v-7.5h-1.5z"/>
	</svg>

</a>

Source: ../source/sass/05-blocks/button/_style.scss, line 64

<insert-markup>atoms.input-</insert-markup>

Markup: ..\..\styleguide\templates\atoms\inputs\input.html

<input type="text" value="" id="input_text" name="search" placeholder="Search" class="rocksite-input [modifier class]">

Source: ../source/sass/04-elements/forms.scss, line 1

KSS Style Guide

Atoms

Button Icon

Input