var x = 078 + 1, // 79
y = 077 + 1; // ?
Michael Turnwall mturnwall
mturnwall
/ JS Coding Examples.md
Last active
November 7, 2018 19:43
Coding questions and examples for javascript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.12) | |
| // Compass (v1.0.3) | |
| // ---- | |
| .mpgGraph { | |
| $block: mpgGraph; | |
| overflow: hidden; | |
| margin: 20px auto; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| %btn--default { | |
| border-radius: 2px; | |
| box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); | |
| margin: 0; | |
| } | |
| %btn--primary { |
mturnwall
/ SassMeister-input.scss
Last active
September 2, 2015 17:47
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| /// this overrides the default fonts directory. Set | |
| /// it to the location of your fonts. | |
| $fonts-dir: '/fonts'; | |
| $fontsMap: ( | |
| "Proxima-Nova": ( |
mturnwall
/ font_face_generator.scss
Last active
March 30, 2025 19:49
Sass Font-Face Generator Mixins
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| //// | |
| /// Font-Face Generator (FF) | |
| /// @author Hugo Giraudel, Michael Turnwall | |
| //// | |
| /// Path to the location of the font files |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.3.6) | |
| // ---- | |
| @mixin heading-2() { | |
| font-size: 1.1rem; | |
| line-height: 1.2; | |
| font-weight: 500; | |
| } | |
| @mixin button($color: #fff, $bg-color: #f00) { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.5.0.beta.2) | |
| // ---- | |
| $btn-themes: ( | |
| primary: ( | |
| bgColor: #ef6c29, | |
| border: #333, | |
| color: #fff, | |
| hover: darken 15%, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // libsass (v3.5.0.beta.2) | |
| // ---- | |
| $font-size-base: 16px !default; | |
| $font-fallback-type: '' !default; | |
| @function get-relative-font-size($actual, $relative: $font-size-base, $unitType: 'rem') { | |
| @if $unitType == 'rem' { | |
| @return #{($actual / $font-size-base)}rem; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <script id="jsbin-javascript"> |