View SassMeister-input.scss
// ---- | |
// Sass (v3.4.14) | |
// Compass (v1.0.3) | |
// Bourbon (v4.2.3) | |
// ---- | |
@import "bourbon/bourbon"; | |
$topics: ( | |
html: #39ADD1, |
View 01-circle.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Shape Examples</title> | |
<link rel="stylesheet" type="text/css" href="style.css"> | |
</head> | |
<body> | |
<svg class="circles" viewBox="0 0 10 5" preserveAspectRatio="xMinYMin meet"> |
View SassMeister-input.sass
// ---- | |
// Sass (v3.4.12) | |
// Compass (v1.0.3) | |
// ---- | |
$initial_selector: (".directory") | |
$new_selector: () | |
$final_selector: () | |
$result: () | |
$base-padding: 66px |
View SassMeister-input.sass
// ---- | |
// Sass (v3.2.19) | |
// Compass (v0.12.7) | |
// ---- | |
@mixin button-base($border-color, $text-color, $bg-color: transparent) | |
background-color: $bg-color | |
border: 2px solid $border-color | |
color: $text-color | |
svg |
View SassMeister-input.scss
// ---- | |
// Sass (v3.2.19) | |
// Compass (v0.12.6) | |
// ---- | |
// Component Name | |
// Basic description of the component, what it does, etc. | |
// Can go as many lines as you need to. | |
// | |
// - .button: Basic button styles with no variation |
View SassMeister-input.scss
// ---- | |
// Sass (v3.2.19) | |
// Compass (v0.12.6) | |
// ---- | |
.component { | |
color: red; | |
.parent-variant & { | |
color: blue; |
View SassMeister-input.sass
// ---- | |
// Sass (v3.2.19) | |
// Compass (v0.12.6) | |
// ---- | |
@mixin test($selector, $color, $color2, $color3) | |
#{$selector} & | |
background: $color | |
@media screen and (min-width: 768px) | |
background: $color2 |
View svg-after.html
<svg class="class-name" viewBox="0 0 37.7 37.3" preserveAspectRatio="xMinYMin meet"> | |
<polygon points="34.3,34.6 34,27.4 29.6,27.4 31.5,21.4 28.2,15.8 34.2,13.4 37.4,9.3 | |
33.4,3.6 33.4,9.3 33.5,9.8 26.6,10.7 28.4,6.6 18.8,0 9.3,6.6 11.1,10.7 4.2,9.8 4.3,9.3 4.3,3.6 0.3,9.3 3.5,13.4 9.5,15.8 | |
6.2,21.4 8.1,27.4 3.6,27.4 3.3,34.6 0,37.3 10,37.3 18.8,35.9 27.7,37.3 37.7,37.3 "/> | |
</svg> |
View SassMeister-input.sass
// ---- | |
// Sass (v3.2.19) | |
// Compass (v0.12.6) | |
// ---- | |
@mixin media($args) | |
@if length($args) > 2 | |
@media screen and (#{nth($args, 1)}: nth($args, 2)) and (#{nth($args, 3)}: nth($args, 4)) | |
@content | |
@else |
View jswarrior-solve-1.js
// | |
// The Setup | |
// | |
// When we hit a wall, turn the fuck around | |
function heTurnsTheFuckAround(warrior) { | |
warrior.pivot(); | |
} | |
// When warrior sees a diamon, pick that shit up |
NewerOlder