使用susy的網格大小

[英]Grid size using susy

我正在嘗試使用 susy 插件創建一個網格結構，但出於某種原因，我為它獲得了額外的空間。 我希望區域 div 正好為 1140 像素，當我使用屏幕截圖中附加的兩個額外網格空間進行測量時，它是 1140 像素。 我怎樣才能刪除那些？ 如果我從最右邊到最左邊測量，網格是 1140 像素，但如果我 ...

npm懷疑和咕unt我在做什么錯？

[英]What am I doing wrong with npm susy and grunt?

我試圖使用susy，node-sass，grunt-sass編譯我的scss文件，我使用npm install添加了所有這些依賴項。 我正在添加咕unt的設置 但這會引發錯誤 我該如何解決？ ...

如何使用NPM安裝Susy 2與Gulp一起使用

[英]How to install Susy 2 using npm for use with gulp

根據Susy 2.1.2文檔 ，安裝Susy就像運行npm install susy --save-dev然后按照上述文檔更改Gulpfile一樣簡單。 您可能會懷疑這會安裝2.1.2。 但是，此操作安裝了Susy3。與Susy 2相比，Susy 3引入了重大更改，這阻止了我客戶端的SA ...

如何抑制/修復Susy 2.0不推薦使用的警告

[英]How to supress/fix Susy 2.0 deprecated warnings

我試圖抑制/修復我的grunt-sass （基於node-sass ）編譯中不推薦使用的警告，該警告使用Sass 4.0中列出的不推薦使用的功能追溯到Susy 2 。 此時，由於沒有升級指南 ，因此升級到Susy 3是不可行的，並且會破壞大型網站。 Node-sass提供了--quiet ...

轉而大口大口，懷疑有問題

[英]Making the switch to gulp and have problems with susy

我在工作流程中進行了更改以使用gulp，並設置了所有依賴項。 我使用SUSY做網格，可以安裝最新版本3。 不幸的是，我仍然需要支持使用SUSY 2的許多歷史項目。誰能解釋我如何將可疑的rpm降級到版本2 抱歉，如果這真的很容易，但是此工作流程是新的，請在mac os上運行此程序並安裝n ...

可疑的sass mixin錯誤

[英]susy sass mixin error

我已經使用本教程設置了可疑的sass和gulp： https : //zellwk.com/blog/gulp-libsass-with-susy/我不能使用任何@@ span之類的mixin（16之12）； 因為它總是會拋出錯誤，例如：events.js：182 throw er; //未 ...

Susy 2-調試圖像不正確-不是亞像素舍入問題

[英]Susy 2 - Debug image not correct - Not a sub-pixel rounding issue

看看這個Sassmeister，讓我知道最右邊那條深藍色的專欄是從哪里來的。 我不認為這是亞像素舍入的問題，但還有其他問題。 真正讓我困惑的是，選擇了12、13和14列時顯示的是多余的位，但是沒有顯示10、15或16列時顯示的是多余的位，盡管12列表示它是一個整數。 因此，無論結 ...

無法基於網格列“ 12”確定Susy“上下文12的切片”

[英]Susy 'context-slice of `12` can not be determined based on grid-columns `12`'

我試圖用npm和gulp安裝susy，但是出現此錯誤 插件“ sass”中的錯誤消息：node_modules \\ susy \\ sass \\ susy_utilities.scss錯誤：無法基於網格列“ 12”確定[susy-normalize-columns]上下文切片為12 ...

在Ember應用程序中導入懷疑

[英]Import susy in Ember application

您是否嘗試過將Susy包含在Ember應用程序中？ 我嘗試了不同的方法，但是它們不起作用。 使用npm install susy將susy安裝為npm模塊。 使用ember-cli安裝susy。 安裝可疑物品並使用眼鏡。 構建完成正常，但是導入存在問題（它沒有 ...

Susy Grid系統上調試模式和隔離裝訂線位置的問題

[英]Problems with debug mode and isolate gutter-position on Susy Grid system

我試圖查看Susy上的調試模式，以了解網格的工作方式並確定我們是否有問題，但是當我將其添加到susy-config中時，它沒有顯示調試模式。 我正在使用2.2.12版本。 這是我在_variables.scss上的代碼： 沒有調試模式的完整Grid圖像，以及添加了margin-t ...

無法在我的項目中使用 Susy mixins

[英]Impossible to use Susy mixins on my project

我正在將現有代碼移動到基於 webpack+postCSS 的新配置。 我使用指南針和susy。 指南針混合沒問題。 但是使用 susy 我不能使用任何 mixin。 例如，如果我嘗試使用容器 mixin，則會出現以下錯誤： No mixin named container 我不知道是什么導 ...

如何為12列Susy網格指定2.5％的裝訂線

[英]How to specify 2.5% gutters for a 12 Column Susy Grid

我有一個具有兩個不同網格設置的移動優先網站。 直到600px： 這些裝訂線顯示為2.5％的填充，仍然試圖弄清楚該如何精確計算。 600之后，我切換到12列網格。 我的問題是我希望裝訂線寬度仍為2.5％。 我似乎無法弄清楚要為裝訂線指定什么值，因此它呈現為： 換一個容器。 ...

在不同的斷點使用不同的Susy配置

[英]Use different Susy config at different breakpoints

我正在嘗試為布局設計中的兩個斷點使用兩個不同的Susy網格全局配置：平板電腦和台式機。 這是我的_variables.scss代碼： 當擊中1200px的寬度時，如何獲得$susy-desktop配置。 mixin似乎不起作用。 正常的配置$susy正常工作。 如果需要更 ...

無法讓人懷疑地開始工作

[英]Can`t make susy start working

我想用Sass / Compass開始一個項目，對於網格我想使用susy。 已安裝sass -v 3.4.24 Compass 1.0.3 一切正常，工作正常。 安裝susy 3.0.6並無法正常工作后，我嘗試了2.2.12，並使用簡單的代碼body { @include contai ...

將嵌套的Sass地圖隔離到新地圖中

[英]Isolate nested sass map into new map

如何將嵌套的Sass貼圖隔離到新貼圖中？ 例如我有這樣的sass map： 然后，我需要在循環后隔離每個映射，因為我的其他mixin需要映射為其參數。 ...

可疑圖庫中項目的垂直對齊（）

[英]Vertical alignment of items in a susy gallery()

如何vertical-align: middle可疑gallery（） vertical-align: middle項目？ 我已附加的圖像顯示了我的物品當前的垂直對齊方式。 從我的突出顯示中可以看到，它們當前都是vertical-align: top 。 先感謝您。 奧立佛 ...

Susy下一個內容移動到桌面的布局順序

[英]Susy Next content Mobile to Desktop layout order

我在理解如何使用Susy Next生成以下布局時遇到一些問題。 我似乎無法全力以赴地在Susy中做到這一點，或者根本沒有做到。 源順序如下，並且不能更改。 在Mobile上所需的布局是這樣的： 在桌面上所需的布局是這樣的： 我認為Susy應該很容易，但是文檔並 ...

根據可疑的列數對齊中心

[英]Align center depending on number of columns susy

我正在使用以下樣式使用susy對齊頁面中心的列： 但是默認情況下，它不會將元素（div）移動到頁面的中心，如果我有單個元素，它將其放在左側，但是我希望將該單個元素放置在頁面的中心。 元素動態增長，它們不是靜態的。 ...

SASS Susy和Flexbox用於在Susy Grid中垂直對齊LI

[英]SASS Susy and Flexbox for vertically aligned LI in Susy Grid

我已經查看了十幾個關於垂直對齊項目的各種堆棧問題以及一些網站，其中包含用於與SASS Susy對齊/協作的教程。 似乎我的用例是獨特的，我只是沒有技巧來解決它。 我有一個全寬容器，里面有一個包裝器。 容器使用susy span full，因為它只是站點容器的全寬度和flex包裝是實際內 ...

流體容器位於流體現場的靜態容器中

[英]Fluid container in a static container on a fluid site

我試圖在SUSY中實現特定的布局，但我有點掙扎。 我希望網站的頁眉或頁腳基本上是全寬的，主要內容應放在限制為特定寬度的容器中，但也應該有全寬元素（例如背景） ）放在靜態容器中（它們會脫離其靜態容器，但其內部內容仍與靜態容器對齊）。 我使用2個不同的容器圖（一個受限的和一個流體的）將其 ...