Sha256: a1cebeae73db735162265ab647d12f6cc48651e735c8ab27d704fc184012418e

Contents?: true

Size: 1.33 KB

Versions: 15

Compression:

Stored size: 1.33 KB

Contents

// Custom mixins and functions

/// Slightly lighten a color
@function tint($color, $percentage){
  @return mix(white, $color, $percentage);
}

/// Slightly darken a color
@function shade($color, $percentage){
  @return mix(black, $color, $percentage);
}

//Small caps
@mixin smallcaps{
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .1em;
  font-size: .9em;
}

// Status modifier mixin
$palette: $foundation-palette;

@mixin modifiers($vars, $colors: $palette){
  $map: map-merge($palette, $colors);

  @each $key, $value in $map{
    &.#{$key}{
      @content;

      @each $property in $vars{
        #{$property}: map-get($map, $key);
      }
    }
  }
}

// helpers
$margin-xs: .5rem;
$margin-s: 1rem;
$margin-sm: 2rem;
$margin-m: 3rem;
$margin-l: 5rem;

$size:(
  none: 0,
  xs: $margin-xs,
  s: $margin-s,
  sm: $margin-sm,
  m: $margin-m,
  l: $margin-l
) !default;

$property:(
  p: padding,
  m: margin
) !default;

$side:(
  t: top,
  r: right,
  b: bottom,
  l: left
) !default;

@mixin make-spaces(){
  @each $p-key, $prop in $property{
    @each $v-key, $value in $size{
      .#{$p-key}-#{$v-key}{
        #{$prop}: #{$value} !important;
      }

      @each $s-key, $side in $side{
        .#{$p-key}#{$s-key}-#{$v-key}{
          #{$prop}-#{$side}: #{$value} !important;
        }
      }
    }
  }
}

@include make-spaces()

Version data entries

15 entries across 15 versions & 1 rubygems

Version Path
decidim-admin-0.21.0 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.20.1 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.20.0 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.19.1 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.18.1 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.19.0 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.17.2 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.18.0 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.17.1 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.16.1 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.17.0 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.16.0 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.15.2 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.15.1 app/assets/stylesheets/decidim/admin/utils/_mixins.scss
decidim-admin-0.15.0 app/assets/stylesheets/decidim/admin/utils/_mixins.scss