| $types: 4; | |
| $type-width: 20px; | |
| @while $types > 0 { | |
| .while—#{$types} { | |
| width: $type-width + $types; | |
| } | |
| $types: $types - 1; | |
| } |
| $list: “Amy”, “Henry”, “Isaac”, “Adele”; | |
| @each $person in $list { | |
| .avatar—#{$person} { | |
| background: url(‘avatars/#{$person}.jpg”) no-repeat; | |
| } | |
| } |
| $class-slug: span !default; | |
| @for $i from 1 through 4 { | |
| .#{$class-slug}-#{$i} { | |
| width: 60px + $i | |
| } | |
| } |
| $white-theme: true !default; | |
| @if $white-theme { | |
| @debug “we’re using the #{$white-theme}”; | |
| background: white; | |
| text: black; | |
| } @else { | |
| @debug “we’re using the #{$black-theme}”; | |
| background: black; | |
| text: white; |
| .something { | |
| z-index: map-get($zindex, change-your-world); | |
| } |
| $breakpoints: ( | |
| small: 767px, | |
| medium: 992px, | |
| large: 1200px | |
| ); | |
| // _mixins.scss | |
| @mixin breakpoint($breakpoint) { | |
| @if map-has-key($breakpoints, $breakpoint) { | |
| @media (min-width: #{map-get($breakpoints, $breakpoint)}) { |
| /*------------------------------------*\ | |
| #PRIMARY-MENU | |
| \*------------------------------------*/ | |
| .primary-menu { | |
| @include grid; | |
| @include sans-serif; | |
| font-weight: $bold; | |
| height: $nav-bar-height; | |
| &__wrapper { |
| /** | |
| * Hide the main editor on specific pages | |
| */ | |
| define('EDITOR_HIDE_PAGE_TITLES', json_encode(array())); | |
| define('EDITOR_HIDE_PAGE_TEMPLATES', json_encode(array('template-cars.php'))); | |
| /** | |
| * Hide the main editor on defined pages | |
| * |
Reference: http://stackoverflow.com/questions/21992498/disable-mouse-scroll-wheel-zoom-on-embedded-google-maps
The Problem When scrolling, the Google Map starts to zoom in/out the map instead of continuing scrolling the page. = No bueno.
The Solution
Add a div with an .overlay before the iframe insertion. The div will cover the map, preventing pointer events
from effecting it. But, if you click on the div, it will become transparent to pointer events, activating the map.
| linters: | |
| Indentation: | |
| enabled: true | |
| allow_non_nested_indentation: false | |
| character: space # or 'tab' | |
| width: 4 | |
| Comment: | |
| allowed: '\/\*---(\*(?!\/)|[^*])*\*\/' |