[英]SASS Mixin Help - Breakpoint
嘗試自定義以下SASS mixin。 現在它正在為每個斷點創建相同的CSS集,但是,當我到達“sm”和“xs”斷點時,我希望mixin稍微改變代碼(請參閱代碼下面的更改)。 在“sm”斷點處,我希望它改變公式來閱讀...... 在“xs”斷點處,我希望它改變公式來讀取..... ...
[英]SASS Mixin Help - Breakpoint
嘗試自定義以下SASS mixin。 現在它正在為每個斷點創建相同的CSS集,但是,當我到達“sm”和“xs”斷點時,我希望mixin稍微改變代碼(請參閱代碼下面的更改)。 在“sm”斷點處,我希望它改變公式來閱讀...... 在“xs”斷點處,我希望它改變公式來讀取..... ...
[英]sass: how to render different images for mobile only
對於如何為僅用於移動設備的視圖實現的圖像與針對桌面視圖的圖像不同的圖像,我不是100%清楚的 因此,例如,如果我有用於桌面的該圖像: 來自我有以下代碼的mixin文件: 不知道添加什么邏輯會告訴我的應用程序如果用戶正在手機上查看而不是old-pic.jpg 。 ...
[英]Bootstrap: How do I make the hamburger visible at breakpoint and hide navbar for all other screen sizes?
我想隱藏所有屏幕尺寸的導航欄,但480px和更小的屏幕尺寸除外,我希望在其中顯示“漢堡包”。 我該如何實現? 謝謝。 ...
[英]How to achieve landscape and pixel ration media query with sass-breakpoint
如何用sass斷點實現這個媒體查詢? ... 我試過這個,但它也會影響桌面版...... ...
[英]Breakpoint-sass not loading in gulp setup, Susy is working fine
嗨,我正在嘗試在我的 Gulp 設置中使用 susy 設置斷點 我已經運行 npm install breakpoint-sass --save-dev 並使用 @import "./node_modules/breakpoint-sass/stylesheets/breakpoint" 將它鏈接到 ...
[英]How to import ruby gems (breakpoint) with webpack?
我已經安裝了susy和sass,並在webpack配置中設置了css / sass加載器: 這是我的主要scss文件: 這是webpack輸出中的錯誤 有誰知道如何正確@import斷點? ...
[英]Breakpoint 2.7.0 Syntax
我一直在使用斷點2.5。 我有一個新的Mac和設置斷點。 我安裝了2.7.0顯然,在2.5.0和2.7.0的斷點之間有一些更改。 這是我的breakpoint.scss文件的內容(忽略px值,它們只是我輸入的隨機值) 如果要定位到$ medium斷點,我將調用如下的mixin: ...
[英]susy proper way to switch grid settings in breakpoint
我試圖為網格定義一些默認行為,然后在特定的斷點處覆蓋它們。 在下面的示例中,我希望兩個div相互堆疊,並且對默認設置進行了稍微修改的裝訂線設置,然后在800px及更高的像素上,我希望div彼此堆疊。 第二部分不會發生。 似乎小於800像素的場景中的某些邊距設置已應用於大於800像素的場景。 ...
[英]Susy 2 and Breakpoint
我終於從Susy One過渡到Susy 2,並且一直在努力使用新語法。 具體來說,將其與Breakpoint mixin一起使用。 在Susy One中,我有以下內容: // Mobile First Settings .grid-construct{ $total-column ...
[英]Sass breakpoint doesn't work
我檢查了所有可能性,還沒有發現任何問題。 有以下行: require 'breakpoint' 還有@import "breakpoint"; 我正在嘗試這樣: 我看不到已編譯的css文件中的任何影響,只有覆蓋了先前屬性的新屬性。 我正在使用Sass 3.4.13 ...
[英]Using susy and breakpoint with grunt-sass
我正在從事一個新項目,並開始使用grunt-sass代替grunt-contrib-sass,因為它的速度更快。 我還刪除了指南針。 現在的問題是,我無法再找到添加“可疑”網格和“斷點”的方法。 我曾經把它放在config.rb文件中,但是我不再使用它了,因為我沒有使用指南針。 所以 ...
[英]SingularityGS: How to code float-span variations with breakpoints?
我有一個浮動跨度布局,其中包含 12 列網格中的許多圖塊。 在斷點 600px 我希望它顯示 float-span(2) 而在 1024px 我想要 float-span(4)。 我發現較小的斷點布局按預期顯示,但較大的斷點布局已損壞,並且似乎繼承了較低斷點的第 n 個子值。 他是我的主旨htt ...
[英]Susy 2.1.3 issue regarding layout change on breakpoint
幫我解決你的野蠻可疑,我快要死了! 我試圖為我的項目做出最有效的布局,但是遇到了一些Susy / breakpoint無法解決的問題。 我希望布局列在斷點處更改,而不必更改div的所有單個跨度(因為通過這種方式將有許多不同的跨度寬度,而不是僅更改1或更改3或4種不同的列布局)。 現 ...
[英]How to support IE8 with breakpoint-sass and mobile first
我正在使用breakpoint-sass gem處理移動優先響應樣式表的媒體查詢。 我需要為IE8創建一個單獨的css文件(不支持媒體查詢),因此我想擁有所有樣式,省略以@media ... {開頭的字符串和使用@media ... {括號的另一個字符串(因為IE會忽略)媒體查詢中的所有內 ...
[英]Breakpoint does not output anything
有一個非常奇怪的斷點問題。 Screen.scss包含最基本的斷點示例: 編譯為: 好像斷點沒有返回任何東西。 它曾經工作過。 在OS X.10上運行的Compass 1.0.1,Breakpoint 2.5.0和SASS 3.4.3。 我的config.rb ...
[英]why am I getting breakpoint compilation errors
關於 Drupal Omega 子主題創建。 我剛剛安裝了一個新的子主題並運行了 bundle install。 我的主題是想要導入以下庫 在運行 bundle exec guard 或 drush-ogrd 時,我收到以下編譯錯誤。 我以前做過這個沒有問題,並懷疑某個地方的 gem 不兼容, ...
[英]Breakpoint in Rails app
Mason Wendell告訴我,我可以在沒有Compass的應用程序中使用Breakpoint。 我的Gemfile 'breakpoint', '2.4.1' ,而Gemfile @import "breakpoint" ,但是找不到Breakpoint。 梅森說:“只要獲取導入 ...
[英]Add Susy to existing grunt build
我有一個用grunt構建的現有項目,想添加Susy。 沒有Susy,構建工作正常。 看起來斷點應該與Susy一起使用。 這兩個要求Sass至少為V3.3。 在CLI中,它是:Sass 3.3.10(Maptastic Maple)。 我使用Gem Compass來獲取最新版本的 ...
[英]Setting Breakpoints to respond to screen size using CSS @media
我使用'@media only screen and(max-width:500px)'在CSS中設置斷點。 當我將其設置為在達到斷點時更改顏色時,它將起作用: 調整瀏覽器大小時,容器div確實會變黑,但是當我設置斷點以更改div的邊距時,不會觸發斷點。 因此,當我將查詢設置 ...
[英]breakpoint-sass Install Issue
我正在嘗試運行斷點,並且遵循以下步驟: 使用命令行: gem install Breakpoint 更新的Config.rb: require 'breakpoint' 在scss文件中,我包括: @import "breakpoint"; 但是,當我使用指南針 ...