Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // ----
- // Sass (v3.4.12)
- // Compass (v1.0.3)
- // ----
- $sassifaction-font-size: 16;
- $breakpoints: (
- 'dave' : 320,
- 'peter' : 480,
- );
- $tweakpoints: (
- 'inline' : 768,
- 'block' : 960,
- );
- @mixin sassifaction-mq($point, $query1: min, $query2: width, $ie: false) {
- @if map-has-key($tweakpoints, $point) {
- @if $ie == true{
- .lt-ie9 & {
- @content;
- }
- }
- @media (#{$query1}-#{$query2}: map-get($tweakpoints, $point) / $sassifaction-font-size + 0em) {
- @content;
- }
- }
- @else if map-has-key($breakpoints, $point) {
- @if $ie == true{
- .lt-ie9 & {
- @content;
- }
- }
- @media (#{$query1}-#{$query2}: map-get($breakpoints, $point) / $sassifaction-font-size + 0em) {
- @content;
- }
- }
- @else {
- @warn "Could not find the value `#{$point}` in either local ($tweakpoints) or global ($breakpoints) contexts. Media block omitted.";
- }
- }
- body {
- @include sassifaction-mq(dave, max, height, true) {
- color: red;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement