Aidan Foster finteractive
finteractive
/ synthetic.conf
Created
June 10, 2020 15:44
Mac OSX catelina - Mapping the _work folder to /Users/Shared/_work
This file contains 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
| # Create Symbolic Link from /Machintosh HD (or whatevery your system drive is) to /Users/Shared/_work | |
| # See https://derflounder.wordpress.com/2020/01/18/creating-root-level-directories-and-symbolic-links-on-macos-catalina/ | |
| # NOTE: Must Use a Tab to "space" the first and second property | |
| _work Users/Shared/_work |
finteractive
/ SassMeister-input.scss
Last active
August 3, 2017 16:38
Generated by SassMeister.com.
This file contains 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.21) | |
| // Compass (v1.0.3) | |
| // Toolkit (v2.9.0) | |
| // ---- | |
| @import 'toolkit'; | |
| $base-line-height: 24px; | |
| $base-font-size: 16px; | |
| /// Converts units from pixels to EMs |
This file contains 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.2) | |
| // ---- | |
| @import "singularitygs"; | |
| // settings.scss | |
| @include add-grid(6); | |
| @include add-gutter-style('split'); | |
| @include add-gutter(1em); |
This file contains 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) | |
| // ---- | |
| @import "breakpoint"; | |
| $base-font-size: 16px; | |
| $base-line-height: 22px; | |
| // Strips units (From Foundation Zurb Base File) |
finteractive
/ SassMeister-input.scss
Last active
July 22, 2016 13:05
Responsive Typography with Maps, and at-import/breakpoint
This file contains 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) | |
| // ---- | |
| @import "breakpoint"; | |
| $base-font-size: 16px; | |
| $base-line-height: 22px; | |
| // Strips units (From Foundation Zurb Base File) |
finteractive
/ SassMeister-input.scss
Last active
October 15, 2015 04:14
Responsive Typography with Maps From http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/
This file contains 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) | |
| // ---- | |
| // From http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ | |
| $breakpoints: ( | |
| small : 480px, | |
| medium: 700px, | |
| large : 1024px |
finteractive
/ SassMeister-input.scss
Last active
August 29, 2015 14:28
Control Directives (Generated by SassMeister.com)
This file contains 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) | |
| // ---- | |
| /* | |
| Source: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#control_directives__expressions | |
| Source: http://www.sitepoint.com/sass-basics-control-directives-expressions/ | |
| Topic: Controll Directives | |
| */ |
This file contains 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) | |
| // ---- | |
| $base-font-size: 21px !default; | |
| @function em($px, $base: $base-font-size) { | |
| @return ($px / $base) * 1em; | |
| } |
finteractive
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:28
Generated by SassMeister.com.
This file contains 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
| <div class="button"> | |
| <!-- I don't use img tags but svg like below doesn't work here??? --> | |
| <img class="svg-img" src="http://www.fosterinteractive.com/themes/fi/svg/sprite/file-css.svg" /> | |
| <!-- This is the correct way... | |
| <svg><use xlink:href="http://www.fosterinteractive.com/themes/fi/svg/sprite/file-css.svg"></use> | |
| </svg> --> | |
| </div> |
finteractive
/ SassMeister-input-HTML.html
Created
August 25, 2015 03:16
Generated by SassMeister.com.
This file contains 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
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> | |
| <div class="box"></div> |
NewerOlder