Skip to content

Instantly share code, notes, and snippets.

@kalisjoshua
Created December 4, 2014 13:51
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kalisjoshua/0069b5393efecdf0614e to your computer and use it in GitHub Desktop.
Save kalisjoshua/0069b5393efecdf0614e to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
@mixin size($size, $modulo: 5) {
@if $size % $modulo == 0 {
width: unquote('#{$size}%') !important;
}
}
@mixin series($name: "size", $step: 5, $limit: 100) {
@for $size from 1 through floor($limit / $step) {
$size: $size * $step;
.#{$name}-#{$size} { @include size($size, $step) }
}
}
@include series("size", 5, 100)
.size-5 {
width: 5% !important;
}
.size-10 {
width: 10% !important;
}
.size-15 {
width: 15% !important;
}
.size-20 {
width: 20% !important;
}
.size-25 {
width: 25% !important;
}
.size-30 {
width: 30% !important;
}
.size-35 {
width: 35% !important;
}
.size-40 {
width: 40% !important;
}
.size-45 {
width: 45% !important;
}
.size-50 {
width: 50% !important;
}
.size-55 {
width: 55% !important;
}
.size-60 {
width: 60% !important;
}
.size-65 {
width: 65% !important;
}
.size-70 {
width: 70% !important;
}
.size-75 {
width: 75% !important;
}
.size-80 {
width: 80% !important;
}
.size-85 {
width: 85% !important;
}
.size-90 {
width: 90% !important;
}
.size-95 {
width: 95% !important;
}
.size-100 {
width: 100% !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment