Use this:
Ian Moffitt nessthehero
nessthehero
/ Semantic Accordions
Last active
December 22, 2015 15:59
— forked from anonymous/README.md
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
| # Accordions | |
| Self contained, repeatable, and unpack when there is no 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
| @mixin bp($point) { | |
| @if $point == print { | |
| @media only print { @content; } | |
| } | |
| } | |
| @mixin em_width($px) { width: #{$px / 16}em; } | |
| @mixin em_maxwidth($px) { max-width: #{$px / 16}em; } |
nessthehero
/ mixins.scss
Last active
December 23, 2015 04:59
— forked from eightdotthree/mixins.scss
Forked again, but with additions to the EM translation functions to include default font size. I found out if you change the font size in an element, then do anything else with EMs in that same element, it changes what an EM actually is. With these additions, you can include the new font size and the widths will end up being the same as they wou…
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
| @mixin bp($point) { | |
| @if $point == print { | |
| @media only print { @content; } | |
| } | |
| } | |
| @mixin em_width($px, $default: 16) { width: #{$px / $default}em; } | |
| @mixin em_height($px, $default: 16) { height: #{$px / $default}em; } |
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
| ckeditor | |
| -plugins | |
| --youtube | |
| ---dialogs | |
| ----youtube.js | |
| ---icons | |
| ----youtube.png | |
| ---plugin.js |
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
| .module { // Uses Chris Coyier's SASS style guide | |
| // Extends | |
| @extends %module; | |
| // Native styles | |
| background-color: lightpink; | |
| // Includes (mixins and whatnot) | |
| @include transition(all 0.3s ease-out); |
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
| <?php | |
| /** | |
| * Include our template.whatever.php files | |
| */ | |
| $theme_path = drupal_get_path('theme', 'your_theme'); | |
| // Specify the path to our template.php files | |
| // I decided that my template.php files will | |
| // reside in a folder named "php" | |
| $filePath = "$theme_path/php"; | |
| // Open the directory |
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
| // Placeholder polyfill | |
| if (!Modernizr.input.placeholder) { | |
| $('input[placeholder]:not(.ph), textarea[placeholder]:not(.ph)').each(function () { | |
| var place = $(this).attr('placeholder'); | |
| $(this).attr('value', place); | |
| $(this).bind('focus', function () { | |
| if ($.trim($(this).attr('value')) === place) { | |
| $(this).attr('value', ''); |
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
| <!-- ACCESSIBILITY NAVIGATION --> | |
| <div class="access"> | |
| <h1 id="top">Welcome to the University Website</h1> | |
| <h2>Accessibility Navigation:</h2> | |
| <ul> | |
| <li><a href="#primary-navigation" title="Skip to the primary site navigation" class="skip">Skip to the primary site navigation</a></li> | |
| <li><a href="#main" title="Skip to the main content" class="skip">Skip to the main content</a></li> | |
| <li><a href="#footer" title="Skip to the footer" class="skip">Skip to the footer</a></li> | |
| </ul> | |
| </div><!-- /access --> |
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
| @mixin bp($point, $mode: "min") { | |
| @if $point == small { | |
| @media only screen and (#{$mode}-width: 420px) { @content; } | |
| } | |
| @if $point == medium { | |
| @media only screen and (#{$mode}-width: 768px) { @content; } | |
| } |
