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
| /* Templates Rules (using Sass placeholders) */ | |
| %template-name | |
| %template-name--modifier-name | |
| %template-name__sub-object | |
| %template-name__sub-object--modifier-name | |
| /* Component Rules */ | |
| .component-name | |
| .component-name--modifier-name | |
| .component-name__sub-object |
MoOx
/ index.html
Created
March 1, 2013 17:11
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> | |
| <!-- require livereload --> | |
| <link rel="stylesheet" href="index.css"></script> | |
| <!-- require templates/* --> | |
| <script src="index.js"></script> |
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
| $flex-media-selector: false !default; // false: @extend will be used (or include if extend is not appropriate); | |
| $flex-media-default-ratio: 1 !default; | |
| $flex-media-ratios: "16-9" 16/9, "4-3" 4/3, "1-1" 1 !default; | |
| $flex-media-selector-prefix: ".flex-media--" !default; | |
| $flex-media-class: ".flex-media__item" !default; | |
| $flex-media-overflow: hidden !default; | |
| $flex-media-unknown-suffix: "unknown" !default; | |
| // requirements | |
| @mixin flex-media-requirements( |
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
| <html class="no-js no-touch"> | |
| <script>(function(docEl) { | |
| docEl.className = docEl.className.replace(/\bno-js\b/, 'js'); | |
| if ('ontouchstart' in docEl) { docEl.className = docEl.className.replace(/\bno-touch\b/, 'touch'); } | |
| })(document.documentElement);</script> | |
| <!-- <link stylsheet /> | |
| <body> | |
| <script> --> | |
| </html> |
MoOx
/ SassMeister-input.scss
Created
February 12, 2013 06:31
Generated by SassMeister.com, the Sass playground.
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.2.9) | |
| // --- | |
| $color-one: red; | |
| $color-two: blue; | |
| @mixin color($prefix, $colors) { | |
| @each $color in $colors { |
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
| // togglable ability (used for navbar) | |
| $('.js-togglable').each(function() { | |
| var togglableContainer = this; | |
| $('.js-togglable__toggler', togglableContainer).on('click keyup', function() { | |
| $('.js-togglable__item', togglableContainer).toggleClass('js-togglable__item--hide'); | |
| }); | |
| }); |
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
| requirejs.config({ | |
| name: "main", | |
| shim: { | |
| "foundation/jquery.cookie": { deps: ["jquery"] }, | |
| "foundation/jquery.event.move": { deps: ["jquery"] }, | |
| "foundation/jquery.event.swipe": { deps: ["jquery"] }, | |
| "foundation/jquery.foundation.accordion": { deps: ["jquery", "Modernizr"] }, | |
| "foundation/jquery.foundation.alerts": { deps: ["jquery"] }, | |
| "foundation/jquery.foundation.buttons": { deps: ["jquery"] }, |
MoOx
/ fontcustom.js
Created
February 5, 2013 08:02
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
| /* | |
| * grunt-fontcustom | |
| * https://github.com/MoOx/grunt-fontcustom | |
| * | |
| * Copyright (c) 2013 Maxime Thirouin, contributors | |
| * Licensed under the MIT license. | |
| */ | |
| 'use strict'; |
MoOx
/ background.scss
Created
December 12, 2012 08:54
Is there a sort of ternary operator in #Sass ?
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
| //... | |
| $background: null; // if you don't do this, background is undefined out of the @if/else scope | |
| @if ($direction) { | |
| $background: linear-gradient($direction, $color, $color2); | |
| } | |
| @else { | |
| $background: linear-gradient($color, $color2); | |
| } | |
| //... | |
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
| @import "shared"; | |
| // Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera. | |
| // | |
| // $name : (string or list, required) The name and optional SVG-ID to use. | |
| // - string "simpleName" => name: simpleName, ID: #simpleName | |
| // - list "name #id" => name: name, ID: #id | |
| // $location : (string) The location of the font files - try to find in fonts_dir if none provided. | |
| // - Locations include the file name, without extensions: | |
| // 'simple' => 'simple.eot', 'simple.ttf', 'simple.woff' |