Gareth Jones 4foot30
4foot30
/ _text.scss
Created
September 14, 2016 10:48
Breakpoint-specific versions of Bootstrap's text/left/text-right classes
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
| // Text alignment - like Bootstrap's text-left/text-right classes, but breakpoint-specific | |
| // Usage: .text-right-sm, .text-left-md etc. | |
| @mixin make-text-left($breakpoint) { | |
| .text-left-#{$breakpoint} { | |
| text-align: left !important; | |
| } | |
| } | |
| @mixin make-text-right($breakpoint) { | |
| .text-right-#{$breakpoint} { | |
| text-align: right !important; |
4foot30
/ noValidate.js
Created
September 30, 2016 19:00
Add as a browser bookmark to bypass required form fields on a page (not my code!)
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
| javascript:for(var f%3Ddocument.forms,i%3Df.length%3Bi--%3B)f%5Bi%5D.setAttribute("novalidate","")%3B |
4foot30
/ Proper breakpoints for a Bootstrap-based Drupal theme
Created
February 19, 2018 11:31
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
| # This file lives at /docroot/themes/custom/THEME_NAME/THEME_NAME.breakpoints.yml | |
| # Mobile portrait | |
| THEME_NAME.xxs: | |
| label: xxs (Mobile portrait) | |
| mediaQuery: 'all and (min-width: 0) and (max-width: 479px)' | |
| weight: 0 | |
| multipliers: | |
| - 1x | |
| - 2x |
OlderNewer