davilious

.search-content
  = render 'shared/spinner', { position: 'center', size: "small" }

davilious

Embedding icons from fontawesome or whatever

Mixin to embed icons from fontawesome or whatever.

Sometimes you need to have icons only when an event is triggered and you may use an empty element to do that, this mixin is to avoid use that technique.

A Pen by Davilious on CodePen.

License.

davilious

FizzBuzz = do ->
  isBuzzFuzz: (currentValue)->
    if currentValue % 3 is 0
      'Fizz'
    else if currentValue % 5 is 0
      'Buzz'
    else
      currentValue
  result : (arr) ->
    arr.map(@isBuzzFuzz).join(',')

davilious

<div class="wizard">asdasd</div>

davilious

%div{class: "modal #{name}"}
  %header.modal-header
    %h1.heading.modal-heading
      = text
    %a.modal-close.js-close-modal{href: "#"}
      Cerrar
  = yield

davilious

  def button(text, link, name=nil, misc_classes=nil, js_hook=nil)
    case name
      when "primary"
        style_class = "primary"
      when "secondary"
        style_class = "secondary"
      when "tertiary"
        style_class = "tertiary"
      when "cuaternary"
        style_class = "cuaternary"

davilious

<a href="#" class="js-toggle-calendar">
  Toggle Calendar
</a>

<div id="calendar" class="hide">
Calendar
</div>

davilious

<div class="notification-success">
  <p>
    ¡Bien!
  </p>
</div>
<div class="notification-info">
  <p>
    ¡Info!
  </p>
</div>

davilious

<a href="#" class="button -green">button</a>
<a href="#" class="button -green -rounded">button</a>
<a href="#" class="button-save">save</a>

davilious

<a href="#" class="button -green">button</a>
<a href="#" class="button -green -rounded">button</a>
<a href="#" class="button-save">save</a>