breakpoint-sass

breakpoint-sass Install Issue

由 丶灬走出姿态 提交于 2020-01-25 01:07:54
问题 I am trying to run breakpoint and I have followed the steps: using command line: gem install Breakpoint Updated Config.rb: require 'breakpoint' on scss file I have included: @import "breakpoint"; However, when I use compass watch I get the error: Gem:LoadError on line ["2007"] of C: Unable to activate breakpoint-2.4.2, because sass-3.2.19 conflicts with sass <~> 3.3.0 running sass -v I can see that I have version 3.3.8 of sass installed. Can anyone help? Happy to provide more info if needed!

Susy 2.1.3 issue regarding layout change on breakpoint

由 左心房为你撑大大i 提交于 2020-01-17 03:59:16
问题 Help me out you sassy susy's, I am at my breaking point! I am trying to make the most efficient layout for my project, and I have come across something I havn't been able to figure out with Susy/breakpoint. I want the layout columns to change at the breakpoints and not have to change all the individual spans of the div's (as there will be many different span widths with this way. Instead of just 1 and changing 3 or 4 different column layouts). Right now the only way I was able to get this to

Sass Breakpoint causing Grunt error

由 这一生的挚爱 提交于 2019-12-23 04:52:17
问题 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 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb: cannot load such file -- app/bower_components/compass-breakpoint/lib/breakpoint Run with --trace to see the full backtrace Use --force to continue. I'm requiring Breakpoint in my gruntfile.js. If i remove the require,

susy 2.0 change columns at breakpoint

由 陌路散爱 提交于 2019-12-19 10:25:34
问题 I'm not using Compass I prefer to use Breakpoint.scss I'm on susy 2.0 I know there are lot of posts with this question but I'm having 0 luck finding any regarding Breakpoint.scss and Susy 2.0 on this topic. @import "susy"; @import "breakpoint"; $medium: 800px; $susy: ( columns: 6, gutters: 3/4, gutter-position: split ); @include breakpoint($medium) { $susy: layout(12 1/4 split); } body { @include container(show); @include breakpoint($medium) { @include container(show); } } Do I have to use

Breakpoint in Rails app

由 泪湿孤枕 提交于 2019-12-11 07:23:56
问题 I've been told by Mason Wendell that I can use Breakpoint in my application without Compass. I have gem 'breakpoint', '2.4.1' in my Gemfile and @import "breakpoint" in my application.css.sass but it fails to locate Breakpoint. Mason stated "Just get your import paths to find the _breakpoint.scss partial and you should be all set.". I'm a bit confused about how to actually do this. Any ideas? 回答1: There are two styles of using Sass dependencies: Fetch with RubyGems, apply with a pathless

Breakpoint Sass: Or Queries for Multiple Breakpoints

由 前提是你 提交于 2019-12-07 07:38:44
问题 I have a few breakpoints set: $breakpoint-tiny : 0 767px; $breakpoint-small : 768px 991px ; $breakpoint-medium : 992px 1229px; $breakpoint-large : 1230px; I saw in the breakpoint docs You can also write OR media queries, allowing you to write multiple different basic or compound media queries and have them apply if any of the sets of queries match. What I'd like to do is use these or queries to target multiple breakpoints when needed in my code. For example: @include breakpoint($breakpoint

Breakpoint Sass: Or Queries for Multiple Breakpoints

由 醉酒当歌 提交于 2019-12-05 15:59:50
I have a few breakpoints set: $breakpoint-tiny : 0 767px; $breakpoint-small : 768px 991px ; $breakpoint-medium : 992px 1229px; $breakpoint-large : 1230px; I saw in the breakpoint docs You can also write OR media queries, allowing you to write multiple different basic or compound media queries and have them apply if any of the sets of queries match. What I'd like to do is use these or queries to target multiple breakpoints when needed in my code. For example: @include breakpoint($breakpoint-medium, $breakpoint-large){ .mobile-navigation{display: none;} } Is this possible? You should pass one

susy 2.0 change columns at breakpoint

由 |▌冷眼眸甩不掉的悲伤 提交于 2019-12-01 10:47:31
I'm not using Compass I prefer to use Breakpoint.scss I'm on susy 2.0 I know there are lot of posts with this question but I'm having 0 luck finding any regarding Breakpoint.scss and Susy 2.0 on this topic. @import "susy"; @import "breakpoint"; $medium: 800px; $susy: ( columns: 6, gutters: 3/4, gutter-position: split ); @include breakpoint($medium) { $susy: layout(12 1/4 split); } body { @include container(show); @include breakpoint($medium) { @include container(show); } } Do I have to use susy-breakpoint or can something like this be achieved? I want 6 columns at anything at/below 800px and

Why is the window.width smaller than the viewport width set in media queries

由 无人久伴 提交于 2019-11-27 07:50:15
I am quite puzzled and still unsure how to explain this in proper words. So far i've used and set up my media queries with Breakpoint. An used Breakpoint-variable looks like e.g.: $menustatictofixed: min-width 900px; $breakpoint-to-ems is set to true. I've laid out the page with all its Breakpoint variables based on the pixel values of the following jQuery snippet: $('body').append('<div style="position: fixed; bottom: 0; right: 0; display: inline-block; font-weight: bold; padding: 5px 7px; border-radius: 5px 0 0 0; background: green; color: white; z-index: 9999;">Viewport width <span id=

Why is the window.width smaller than the viewport width set in media queries

由 孤人 提交于 2019-11-26 17:42:23
问题 I am quite puzzled and still unsure how to explain this in proper words. So far i've used and set up my media queries with Breakpoint. An used Breakpoint-variable looks like e.g.: $menustatictofixed: min-width 900px; $breakpoint-to-ems is set to true. I've laid out the page with all its Breakpoint variables based on the pixel values of the following jQuery snippet: $('body').append('<div style="position: fixed; bottom: 0; right: 0; display: inline-block; font-weight: bold; padding: 5px 7px;
订阅 breakpoint-sass