KSS Style Guide

<insert-markup>widgets.menu.widget-</insert-markup>
.-footer
footer version
<insert-markup>widgets.menu.widget-0</insert-markup>
.-dark
dark version
<insert-markup>widgets.menu.widget-1</insert-markup>
.-dark.-footer
dark version
<insert-markup>widgets.menu.widget-2</insert-markup>
Markup: ..\..\styleguide\templates\organisms\widgets\menu-widget.html
<div id="nav_menu-1" class="rocksite-o-widget -widget_nav_menu [modifier class]">
	<header class="rocksite-o-widget__header"><h3 class="rocksite-o-widget__header__title">Menu</h3></header>
	<div class="menu-menu-sidebar-page-container">
		<ul class="rocksite-m-nav-menu [modifier class]">
		
		
		    <li class="rocksite-m-nav-menu__item  "><a
		            href="#" class="rocksite-m-nav-menu__link">Home Page</a>
		
		    </li>
		
		    <li class="rocksite-m-nav-menu__item  "><a
		            href="#" class="rocksite-m-nav-menu__link">About Us</a>
		
		    </li>
		
		    <li class="rocksite-m-nav-menu__item -has-children "><a
		            href="#" class="rocksite-m-nav-menu__link">Services</a>
		
		    </li>
		
		    <li class="rocksite-m-nav-menu__item  "><a
		            href="#" class="rocksite-m-nav-menu__link">Our Offer</a>
		
		    </li>
		
		    <li class="rocksite-m-nav-menu__item  "><a
		            href="#" class="rocksite-m-nav-menu__link">Contact Us</a>
		
		    </li>
		
		
		</ul>
	</div>
</div>
Source: ../source/scss/wordpress/layout/_widgets.scss, line 51
<insert-markup>widgets.search.widget-</insert-markup>
.-footer
footer version
<insert-markup>widgets.search.widget-0</insert-markup>
.-dark
dark version
<insert-markup>widgets.search.widget-1</insert-markup>
Markup: ..\..\styleguide\templates\organisms\widgets\search-widget.html
<div id="search-2" class="rocksite-o-widget -widget_search [modifier class]">
	<form role="search" method="get" id="searchform-content"
	      class="rocksite-m-input-connections -searchform -small" action="//127.0.0.1:3000/wordpress4.8/">
	
	
	    <div class="rocksite-m-input-connections__group">
	        <input type="text" value="" name="s" class="rocksite-m-input-connections__group__input" placeholder="Search">
	
	        <span class="rocksite-m-input-connections__group__btn">
	    <button class="rocksite-a-button-icon -secondary">
			<i class="la la-search"></i>
		</button>
	
	    </span>
	    </div>
	
	</form>
</div>
Source: ../source/scss/components/organisms/_box-widget.scss, line 180
<insert-markup>widgets.text.widget-</insert-markup>

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fringilla odio velit, commodo consequat justo tincidunt vel. Pellentesque elit metus, fermentum eget sagittis sit amet, volutpat ut erat. Mauris at felis sed nisl luctus tempor. Morbi vulputate venenatis lacus, eu lobortis quam rutrum id
.-footer
footer version
<insert-markup>widgets.text.widget-0</insert-markup>
.-dark
dark version
<insert-markup>widgets.text.widget-1</insert-markup>

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fringilla odio velit, commodo consequat justo tincidunt vel. Pellentesque elit metus, fermentum eget sagittis sit amet, volutpat ut erat. Mauris at felis sed nisl luctus tempor. Morbi vulputate venenatis lacus, eu lobortis quam rutrum id
Markup: ..\..\styleguide\templates\organisms\widgets\text-widget.html
<div id="text-1" class="rocksite-o-widget -widget_text [modifier class]">
	<header class="rocksite-o-widget__header">
		<h3 class="rocksite-o-widget__header__title">About Us</h3>
	</header>
	<div class="textwidget">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras fringilla odio velit, commodo consequat justo tincidunt vel. Pellentesque elit metus, fermentum eget sagittis sit amet, volutpat ut erat. Mauris at felis sed nisl luctus tempor. Morbi vulputate venenatis lacus, eu lobortis quam rutrum id</div>
</div>
Source: ../source/scss/components/organisms/_box-widget.scss, line 214