mciastek

<div class="row">
  <div class="col-2 column">
    <div style="background: red; height: 50px;"></div>
  </div>
  <div class="col-7 column">
    <div style="background: red; height: 50px;"></div>
  </div>
  <div class="col-3 column">
    <div style="background: red; height: 50px;"></div>
  </div>

mciastek

<div class="btn btn-with-icon btn-medium">
<span>Button</span>
<span class="arrow-icon"></span>
</div>

mciastek

<p>Columns with gutter</p>
<div class="row " style="background: #f0f0f0; width: 1008px;">
  <div class="col-6 column">
    <div>6-col</div>
  </div>
  <div class="col-6 column">
    <div>6-col</div>
  </div>
  <br/><br/>
  <div class="col-4 column">

mciastek

<p>Columns with gutter</p>
<div class="row " style="background: #f0f0f0; width: 1008px;">
  <div class="col-6 column">
    <div>6-col</div>
  </div>
  <div class="col-6 column">
    <div>6-col</div>
  </div>
  </div>
  <div class="row">

mciastek

/**
 * [Filter] phone number filter
 * Usage: {{ phoneNumber | {prefix} {range} {range} {range} }}
 * {prefix} - e.g. {+48}
 * {range} - e.g. {3} or {2-3}
 *     -> where first number in {2-3} defines slicing when string.length equals 7, 
 *       second defines slicing for length equal 9
 */
angular.module('app').filter('phoneNumber', function() {

mciastek

/**
 * [Directive] apply styles according to current window width
 * @example
 *
 * <div media-style="{ '768': 'background: red;', '1024': 'background: blue;' }"></div>
 */
angular.module('app')
  .directive('mediaStyle', ['$window', '$timeout',
    function($window, $timeout) {

mciastek

(function(document, window) {
  
  var element = document.getElementById('hide-scroll');
  var elementHeight = element.clientHeight;
  var elementTop = praseInt(element.style.top, 10) || 0;
  var distance = elementTop;
  
  /**
   * Get delta from 'mousewheel'
   * @param  {Object} e event object

mciastek

// ----
// libsass (v3.2.5)
// ----

.interactions {
  & {
    background: green;
  }
  
  body {

mciastek

// ----
// libsass (v3.2.5)
// ----

.interactions {
  & {
    background: green;
  }
}

mciastek

{
  "name": "My Application",
  "short_name": "My App",
  "start_url": "./?utm_source=web_app_manifest",
  "display": "standalone",
  "orientation": "portrait",
  "background_color": "#4cc1fc",
  "theme_color": "#222222",
  "icons": [
    {