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 |
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) |
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); |
finteractive
/ SassMeister-input-HTML.html
Created
January 20, 2014 03:36
6. Breakpoint Gem - https://github.com/Team-Sass/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
| <html> | |
| <body> | |
| <div class="message-box">Hey Something happened</div> | |
| <div class="message-box--success">Yay something worked!</div> | |
| <div class="message-box--error">Warning Something is bad here <a href="#">Details</a></div> | |
| <footer>© 2014 - Someone <a href="#">legal link</a></a> </footer> | |
| </body> | |
| </html> |
finteractive
/ SassMeister-input-HTML.html
Created
January 20, 2014 03:04
5. Compass & Custom Mixins
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
| <html> | |
| <body> | |
| <div class="message-box">Hey Something happened</div> | |
| <div class="message-box--success">Yay something worked!</div> | |
| <div class="message-box--error">Warning Something is bad here <a href="#">Details</a></div> | |
| <footer>© 2014 - Someone <a href="#">legal link</a></a> </footer> | |
| </body> | |
| </html> |
finteractive
/ SassMeister-input-HTML.html
Created
January 20, 2014 03:01
4. %placeholders with @extends
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
| <html> | |
| <body> | |
| <div class="message-box">Hey Something happened</div> | |
| <div class="message-box--success">Yay something worked!</div> | |
| <div class="message-box--error">Warning Something is bad here <a href="#">Details</a></div> | |
| <footer>© 2014 - Someone <a href="#">legal link</a></a> </footer> | |
| </body> | |
| </html> |
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
| <html> | |
| <body> | |
| <div class="message-box">Hey Something happened</div> | |
| <div class="message-box--success">Yay something worked!</div> | |
| <div class="message-box--error">Warning Something is bad here <a href="#">Details</a></div> | |
| <footer>© 2014 - Someone <a href="#">legal link</a></a> </footer> | |
| </body> | |
| </html> |
finteractive
/ SassMeister-input-HTML.html
Created
January 20, 2014 02:03
2. Selector nesting and magic "&" selector, native SASS function
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
| <html> | |
| <body> | |
| <div class="message-box">Hey Something happened</div> | |
| <div class="message-box--success">Yay something worked!</div> | |
| <div class="message-box--error">Warning Something is bad here <a href="#">Details</a></div> | |
| <footer>© 2014 - Someone <a href="#">legal link</a></a> </footer> | |
| </body> | |
| </html> |
finteractive
/ SassMeister-input-HTML.html
Last active
January 3, 2016 20:18
Example 1 - Plain old CSS before doing any SASS, Adding Variables
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
| <html> | |
| <body> | |
| <div class="message-box">Hey Something happened</div> | |
| <div class="message-box--success">Yay something worked!</div> | |
| <div class="message-box--error">Warning Something is bad here <a href="#">Details</a></div> | |
| <footer>© 2014 - Someone <a href="#">legal link</a></a> </footer> | |
| </body> | |
| </html> |
NewerOlder