Simple base (default) button macros used to build <button> and <a> buttons.
Shared macros live in separate file. Use imports to organize and group macros. Imported much like partials.
{% import "utility.macros.js.j2" as utility %}
cs misscs
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
| * 2012-11-14 14:47:06 executing `deploy' | |
| * 2012-11-14 14:47:06 executing `deploy:update' | |
| ** transaction: start | |
| * 2012-11-14 14:47:06 executing `deploy:update_code' | |
| updating the cached checkout on all servers | |
| executing locally: "git ls-remote git@github.com:misscs/autotax.git master" | |
| command finished in 1585ms | |
| * executing "if [ -d /home/autotax/app/shared/cached-copy ]; then cd /home/autotax/app/shared/cached-copy && git fetch -q origin && git fetch --tags -q origin && git reset -q --hard 100155030a8c9ed6a7e2b8151be91a6b0160a385 && git clean -q -d -x -f; else git clone -q git@github.com:misscs/autotax.git /home/autotax/app/shared/cached-copy && cd /home/autotax/app/shared/cached-copy && git checkout -q -b deploy 100155030a8c9ed6a7e2b8151be91a6b0160a385; fi" | |
| servers: ["app01.autotax.me", "job01.autotax.me"] | |
| [job01.autotax.me] executing command |
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
| ///////////////// | |
| // Singularity // | |
| ///////////////// | |
| $bp-s: 500px; | |
| $bp-m: 700px; | |
| $bp-l: 900px; | |
| $output: 'float'; | |
| $grids: 4; |
misscs
/ Test Blog Post
Created
July 29, 2013 17:25
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
| <h1>Hi</h1> | |
| <p>This is my test blog post</p> |
{% import "utility.macros.j2" as utility %}
{% macro name(c, el='h1', href=none, aria=none) %}
<{{ el }} class="p-name">
{% if href != none %}
<a href="{{ href }}" {% if aria != none %}aria-label="{{ aria }}"{%- endif -%} class="u-url">
{{ c.name }}
</a>
{%- else -%}
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> | |
| // <header></header> | |
| // <main><main> | |
| // <footer></footer> | |
| html { | |
| height: 100%; | |
| overflow: hidden; |
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
| // @Font-face | |
| // ========= | |
| // Not so sassy use of @font-face. Let's make it better. | |
| @font-face { | |
| font-family: 'BullenReg'; | |
| src:url('fonts/bullen/BullenReg.eot'); | |
| src:url('fonts/BullenReg.eot?#iefix') format('embedded-opentype'), | |
| url('fonts/BullenReg.woff') format('woff'), |
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
| // Font-face: Refactoring with Mixins | |
| // ================================== | |
| // Our refactored font-face with variables | |
| // --------------------------------------- | |
| $font-family: 'BullenReg'; | |
| $font-dir: 'fonts/'; | |
| $font-path: $font-dir + 'bullen/' + $font-family; | |
| @font-face { |
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
| // Font-Face | |
| // ========= | |
| // Refactoring with variables | |
| $space-large: 10px; | |
| $space-small: 5px; | |
| .container { | |
| background: #aaa; | |
| padding-top: $space-large; | |
| padding-bottom: $space-small * 2; |
misscs
/ fontface--if.scss
Created
September 4, 2014 18:33
@font-face: Improve with Control 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
| // Font-face: Control Directives | |
| // ============================= | |
| // If our hair is long, tell us to get it cut | |
| // If our hair is short, tell us to get it buzzed | |
| // If our hair is neither of those, tell us to go to the doctor | |
| // @IF |
OlderNewer