javierartero

      <div class="progress-circle__container">
        <div class="progress-circle__item">
          <div class="progress-circle__graph">
            <div class="progress-circle__radial progress-circle--84
             text-primary"></div>
            <div class="progress-circle__content">
              <p class="progress-circle__score">84%</p>
            </div>
          </div>
        </div>

javierartero

<% 
  filter_name = (defined?(name)) ? name : ''  
  filter_number = (defined?(number)) ? number : 5
  filter_title = (defined?(title)) ? title : 'Minimum rating'
  filter_css = (defined?(css)) ? css : filter_name
  filter_checked = (defined?(checked)) ? checked-1 : 0
%>
<div class="filter-rating <%= filter_css %>">
  <h4><%= filter_title %></h4>
  <% for i in 0...filter_number %>

javierartero

$checkbox-color-active: $brand-primary !default
$checkbox-color-scale-active: 1.1 !default
$checkbox-box-size: 1.2em !default
$checkbox-box-top: 0.05em !default
$checkbox-box-padding: $checkbox-box-size + .75em !default

.checkbox
  input[type="checkbox"]
    @extend .sr-only

javierartero

<!-- SINGLE -->
<div class="form-group">
  <input type="file" id="file" class="inputfile">
  <label for="file">
    <span>Add 3D model</span>
  </label>
</div>

<!-- MULTIPLE -->
<div class="form-group">

javierartero

$radio-color-active: $brand-primary !default
$radio-color-scale-active: 1.1 !default
$radio-box-size: 1.2em !default
$radio-box-size-padding: 2px !default
$radio-box-top: 0.05em !default
$radio-box-padding: $radio-box-size + .75em !default

.radio
  input[type="radio"]
    @extend .sr-only