Stack Overflow
Stack Overflow

Questions tagged [breakpoint-sass]

Breakpoint: A SASS/Compass extension to set media queries

Breakpoint is a SASS/Compass extension that makes writing media queries in Sass super simple. Create a variable using a simplified syntax based on most commonly used media queries, then call it using the breakpoint mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself, to handling cross-browser compatibility issues, so you can focus on what's important: making sure your website looks its best.

Breakpoint also allows you to get the context of your media queries from your code, allowing you to write dynamic mixins based on their media query context.

If you'd prefer the semantic awesomeness of string names to identify your queries as opposed to variables, or want to dynamically generate media queries, check out the Respond-To syntax, now included in Breakpoint core, or jet-propelled Breakpoint Slicer mixins.

Documentation: https://github.com/Team-Sass/breakpoint/wiki

61 questions
0
votes
2 answers

import not found or unreadable: breakpoint

Just installed breakpoint and tried using on an existing blog project (html/css/js/php). Currently using Sass with Susy for basic grid stuff but wanted to give Breakpoint a try on this project as I recently became aware of it's ease and flexible…
patrick
  • 302
  • 8
  • 21
0
votes
1 answer

breakpoint (gem) not found or unreadable

I’m using breakpoint within a serve project. After adding require 'breakpoint' to my './config.ru' and @import 'breakpoint' to my stylesheets, breakpoint works well while running serve (which I actually run via Pow). However, when using serve export…
Alfonso
  • 2,166
  • 3
  • 16
  • 15
0
votes
1 answer

dppx Or min-width combined query

When I use @include breakpoint(min-resolution: 1.5dppx), I get this output: @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) This shortcut is fine, but if I try to…
eradrix
  • 1
  • 1
0
votes
1 answer

What is the correct way to write breakpoints in singularity gs?

I doubt so i want to know if is better to do something like: .class { @include breakpoint($desk) { } } or the opposite: @include breakpoint($desk) { .class { } } Im using the second one because i think in this way I group all the…
Koffer
  • 103
  • 2
  • 10
0
votes
2 answers

Pull - Push mixins function with singularity

In the singularity demo, there are a few samples using a push and pull mixin. When used they adjust content placement across the gutter. Looking high and low, I could not find any documented reference to these mixins. Are they part of the long term…
user3216080
  • 1
  • 1
0
votes
1 answer

Undefined mixin after upgrading to most recent versions of Sass, Compass, Breakpoint-Sass and Toolkit-Sass

After upgrading today to the most recent versions of Sass, Compass, Breakpoint-Sass and Toolkit-Sass I get for every mixin used im my theme an undefined mixin error. my current gemfile includes these version: gem 'compass-aurora', …
Michael Zumstein
  • 61
  • 1
  • 5
0
votes
1 answer

Compass stopped working after update

After the release of breakpoint 2.2.0 yesterday, I updated sass and also had to update json to 1.8.1, and so on... For the entire update-marathon I ended up installing xcode and command line tools and rvm. Also I learned about bundler and how to…
user3027413
  • 27
  • 4
0
votes
2 answers

Sass Breakpoint causing Grunt error

Just did a fresh install on my MacBook with Mavericks. I'm using Yeoman and grunt to compile my project. After reinstalling and pull down the code from the repo, I see this error: Warning: LoadError on line ["55"] of…
2507rkt3
  • 21,311
  • 1
  • 18
  • 15
0
votes
1 answer

How to require 'breakpoint' in Symfony2?

The project uses Symfony2, Twig, Compass, Sass and Breakpoint. We've installed Breakpoint, but have no idea where to write the instruction for compass (require 'breakpoint'), because we don't use config.rb. What is the way to turn on Breakpoint?
orendzi
  • 3
  • 3
0
votes
1 answer

breakpoint saas gem not generating correct css output

I'm not sure if this is on my end, or a legitimate bug. But when I do something like this: @include breakpoint(0px 1000px) { background-color: red; } the CSS that gets generated is: @media screen and (0px: 1000px) { Shouldn't it be something…
Kirk
  • 1,521
  • 14
  • 20
0
votes
1 answer

Breakpoint Pair not functioning as expected

I've just installed Breakpoint via bower and I'm using a sample right from the wiki: https://github.com/Team-Sass/breakpoint/wiki/Basic-Media-Queries $pair: 456px 794px; #foo { @include breakpoint($pair) { content: 'Paired Media Query'; …
2507rkt3
  • 21,311
  • 1
  • 18
  • 15
0
votes
1 answer

Does sass breakpoint have a base font size setting?

Can you make sass breakpoint, when using ems for media queries, be based on your base font size, not the browsers default font size?
Mark Weston
  • 217
  • 3
  • 10
0
votes
1 answer

Foundation4 breakpoint for mobile not detected for high density devices

Specifically, when testing my site on a Samsung Galaxy SIII I'm seeing the styles defined for the desktop. How do you get the phone to use the mobile styles (with a 320px width in mind) or to utilize 'hide-for-small' class etc? Currently, on that…
Rick Jones
  • 3
  • 2
0
votes
1 answer

Breakpoint-sass: why styles apply at wrong device width?

When check it in Opera Mobile Emulator and on devices, it appears, that styles for wvgaPort apply only at 599px, then for 800 - at 1200, for 1024 at 1533. Why does it happen? And what is a better why to define these media rules? /* Media…
orendzi
  • 3
  • 3
-1
votes
1 answer

broccoli-sass, node-sass, breakpoint-sass

I'm trying to use breakpoint-sass with broccoli-sass in my Ember CLI project, but when using @include breakpoint(100px) it crashes with the following error: cannot add or subtract numbers with incompatible units [string exception] It's simple to…
Tim Baas
  • 6,035
  • 5
  • 45
  • 72
1 2 3
4
5