Skip to content

Instantly share code, notes, and snippets.

@magicspon
Created March 23, 2015 20:36
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 magicspon/78bbca1d89193bb47e15 to your computer and use it in GitHub Desktop.
Save magicspon/78bbca1d89193bb47e15 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="test"></div>
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@function cir($points: 50,$r: 20,$x: 10,$y: 10) {
$output: '';
@for $i from 1 through $points {
$x: $x + $r * cos(2 * pi() * $i / $points);
$y: $y + $r * sin(2 * pi() * $i / $points);
$output: $output + ' ' + ($x * 1px) + ' ' + ($y * 1px) + ' 0 0 #1a1a1a';
@if $i < $points {
$output: $output + ',';
}
}
@return unquote($output);
}
.test {
$size: 5;
$points: 20;
$radius: 20;
width: $size * 1px;
height: $size * 1px;
position: relative;
top: 0;
left: 250px;
border-radius: 100%;
box-shadow: cir($points,$radius,$size,$size);
}
.test {
width: 5px;
height: 5px;
position: relative;
top: 0;
left: 250px;
border-radius: 100%;
box-shadow: 24.02113px 11.18034px 0 0 #1a1a1a, 40.20147px 22.93604px 0 0 #1a1a1a, 51.95718px 39.11638px 0 0 #1a1a1a, 58.13752px 58.13752px 0 0 #1a1a1a, 58.13752px 78.13752px 0 0 #1a1a1a, 51.95718px 97.15865px 0 0 #1a1a1a, 40.20147px 113.33899px 0 0 #1a1a1a, 24.02113px 125.09469px 0 0 #1a1a1a, 5.0px 131.27503px 0 0 #1a1a1a, -15.0px 131.27503px 0 0 #1a1a1a, -34.02113px 125.09469px 0 0 #1a1a1a, -50.20147px 113.33899px 0 0 #1a1a1a, -61.95718px 97.15865px 0 0 #1a1a1a, -68.13752px 78.13752px 0 0 #1a1a1a, -68.13752px 58.13752px 0 0 #1a1a1a, -61.95718px 39.11638px 0 0 #1a1a1a, -50.20147px 22.93604px 0 0 #1a1a1a, -34.02113px 11.18034px 0 0 #1a1a1a, -15.0px 5px 0 0 #1a1a1a, 5.0px 5.0px 0 0 #1a1a1a;
}
<div class="test"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment