March 23, 2018

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae nisi ultrices, laoreet nunc a, consequat massa. Praesent at velit tincidunt, tristique ex vel, lacinia quam. Nulla lacus mi, hendrerit ut mauris et, mattis convallis odio. Quisque tempor ullamcorper lectus sed bibendum. Sed sollicitudin pretium cursus. Sed odio sem, gravida ac odio tristique, pharetra porttitor risus. In iaculis felis sem, vehicula dapibus enim efficitur in. Nam enim dui, fringilla vitae blandit at, sodales sit amet ex. Pellentesque consectetur, tellus at hendrerit tempor, augue magna efficitur diam, ut tempus ante risus sit amet sem. Quisque in velit eget leo hendrerit imperdiet in nec erat. Ut pulvinar condimentum feugiat. Nullam et dapibus metus. Curabitur in augue non orci gravida aliquet vitae eu nulla. Nullam eu scelerisque augue. Phasellus pretium erat sapien, eu cursus ligula facilisis sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae nisi ultrices, laoreet nunc a, consequat massa. Praesent at velit tincidunt, tristique ex vel, lacinia quam. Nulla lacus mi, hendrerit ut mauris et, mattis convallis odio. Quisque tempor ullamcorper lectus sed bibendum. Sed sollicitudin pretium cursus. Sed odio sem, gravida ac odio tristique, pharetra porttitor risus. In iaculis felis sem, vehicula dapibus enim efficitur in. Nam enim dui, fringilla vitae blandit at, sodales sit amet ex. Pellentesque consectetur, tellus at hendrerit tempor, augue magna efficitur diam, ut tempus ante risus sit amet sem. Quisque in velit eget leo hendrerit imperdiet in nec erat. Ut pulvinar condimentum feugiat. Nullam et dapibus metus. Curabitur in augue non orci gravida aliquet vitae eu nulla. Nullam eu scelerisque augue.

<div class="block__element--modifier">
    // block markup goes here
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae nisi ultrices, laoreet nunc a, consequat massa. Praesent at velit tincidunt, tristique ex vel, lacinia quam. Nulla lacus mi, hendrerit ut mauris et, mattis convallis odio. Quisque tempor ullamcorper lectus sed bibendum. Sed sollicitudin pretium cursus. Sed odio sem, gravida ac odio tristique, pharetra porttitor risus. In iaculis felis sem, vehicula dapibus enim efficitur in. Nam enim dui, fringilla vitae blandit at, sodales sit amet ex. Pellentesque consectetur, tellus at hendrerit tempor, augue magna efficitur diam, ut tempus ante risus sit amet sem. Quisque in velit eget leo hendrerit imperdiet in nec erat. Ut pulvinar condimentum feugiat. Nullam et dapibus metus.

<div class="buttons-field buttons-field--even buttons-field--small buttons-field--blue">
   <div class="button">Button 1</div>
   <div class="button">Button 2</div>
   <div class="button">Button 3</div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae nisi ultrices, laoreet nunc a, consequat massa. Praesent at velit tincidunt, tristique ex vel, lacinia quam. Nulla lacus mi, hendrerit ut mauris et, mattis convallis odio. Quisque tempor ullamcorper lectus sed bibendum. Sed sollicitudin pretium cursus. Sed odio sem, gravida ac odio tristique, pharetra porttitor risus. In iaculis felis sem, vehicula dapibus enim efficitur in. Nam enim dui, fringilla vitae blandit at, sodales sit amet ex. Pellentesque consectetur, tellus at hendrerit tempor, augue magna efficitur diam, ut tempus ante risus sit amet sem. Quisque in velit eget leo hendrerit imperdiet in nec erat:

<div class="buttons-field--even--small--blue">
   <div class="button">Button 1</div>
   <div class="button">Button 2</div>
   <div class="button">Button 3</div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae nisi ultrices, laoreet nunc a, consequat massa. Praesent at velit tincidunt, tristique ex vel, lacinia quam. Nulla lacus mi, hendrerit ut mauris et, mattis convallis odio. Quisque tempor ullamcorper lectus sed bibendum. Sed sollicitudin pretium cursus. Sed odio sem, gravida ac odio tristique, pharetra porttitor risus. In iaculis felis sem, vehicula dapibus enim efficitur in. Nam enim dui, fringilla vitae blandit at, sodales sit amet ex. Pellentesque consectetur, tellus at hendrerit tempor, augue magna efficitur diam, ut tempus ante risus sit amet sem. Quisque in velit eget leo hendrerit imperdiet in nec erat:

<div @class('buttons-field--even--small--blue')>
   <div class="button">Button 1</div>
   <div class="button">Button 2</div>
   <div class="button">Button 3</div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultricies libero in dapibus lobortis. Curabitur elit dolor, lobortis sit amet pulvinar sed, tempus:

Blade::directive('class', function ($expression) {
	$expression = substr($expression,1,strlen($expression)-2);
	$args = explode(' ', $expression);
	
	$string = "<?php echo 'class=\"' . ";
	
	foreach($args as $class) {
		$modifiers = explode('--', $class);
	
		$string .= "'{$modifiers[0]}' . ' ' . ";
		if( count($modifiers) > 1) {
			for($i = 1; $i < count($modifiers); $i++) {
				$string .= "'{$modifiers[0]}' . '--' . '{$modifiers[$i]}' . ' ' . ";
			}
		}
	}
	$string = substr($string,0,strlen($string) - 6);
	$string .= "'\"'; ?>";
	return $string;
});

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultricies libero in dapibus lobortis. Curabitur elit dolor, lobortis sit amet pulvinar sed, tempus.

<div class="class-one class-two--mod1--mod2--mod3 class-three_element--mod1--mod2">
  // markup here
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ultricies libero in dapibus lobortis. Curabitur elit dolor, lobortis sit amet pulvinar sed, tempus.