sass

0熱度

1回答

我自定義Bootstrap4，但發現很難理解爲什麼事情不按預期工作。導入原始_variables.scss並更改$font-size-base應該工作，否則我們需要將其更改爲14個變量（例如$h1-font-size: $font-size-base * 2.5）。並且在將來當我更新我的「node_modules> bootstrap」時，那麼我不必再檢查$ font-size-base是否已經

0熱度

2回答

使用jquery在導航欄引導程序4中單擊後無法更改活動類別的鏈接

我需要在使用jquery在引導程序4的導航欄中單擊後更改活動類別的鏈接。但它不起作用。我在jquery中使用的代碼完全適用於其他鏈接，但不適用於導航欄。有什麼問題？導航欄代碼： <header class="d-flex main-header"> <div class="container header-container"> <nav class="navbar nav

0熱度

1回答

在TeamCity上使用SonarQube分析SCSS

我使用SONAR-CSS-PLUGIN來檢查我的存儲庫中的所有SCSS文件。由於它默認設置了100多個規則，此時我不願意一次性應用所有規則，因爲也存在遺留代碼，它報告了很多錯誤。我想通過應用一組規則（可以說10）每週。我使用TeamCity作爲構建工具。這裏是我的TeamCity配置。 -Dsonar.language=scss -Dsonar.inclusions=Src/**/*.s

0熱度

1回答

如何在npm啓動時編譯sass？

我想編譯SASS爲CSS，而我的NPM開始，但我不發現任何方式只有1腳本來做到這一點，如： "start": "nodemon ./bin/www & node-sass --watch scss -o public/stylesheets" 你知不知道任何其他方式來完成這項任務？這裏是我的app.js： app.use(sassMiddleware({ src: path.joi

0熱度

1回答

如何在角材料中使用css類文字顏色？

我有一些創建CSS類的代碼，但它不能正常工作。如何解決這個問題？ @for $i from 1 through 100 { $hue : $i; .mat-blue-#{$i} { color : mat-color($mat-blue, $hue); } } 錯誤 Error: @return rgba($color, $opacity); ^ Ar

2熱度

1回答

訪問Angular-Material SCSS變量（Angular4）

如何訪問某些SCSS Angular-Material（Angular4）中的變量？例如，默認的工具欄上有一個CSS類如下： .mat-toolbar { display: flex; box-sizing: border-box; width: 100%; padding: 0 16px; flex-direction: column; }

1熱度

1回答

如何讓價值在2D或3D地圖在SCSS

我知道能在一維圖獲得價值與map-get()功能，但不知道怎麼樣在這個地圖「頭」得到的值： $mobile-layout: ( layout-values: ( header: ( height: 72px ), sidebar: ( width: 100% ) ) );

0熱度

1回答

導入新字體@ font-face font-family

Hellow我有一個從文件夾導入字體的問題。我使用gulp和browsersync在index.php通過代理到我的VH。當我想建立一個背景我有，當我嘗試做 @font-face { font-family: "BarlowBlack"; src: url('http://ekozone.local/src/Barlow-Black.ttf') format('ttf'),

-1熱度

3回答

頂級酒吧的SCSS

我想在鏈接後面放置一個背景漸變頂欄，但我無法弄清楚樣式。頂欄周圍有空白區域，儘管填充爲0px，並且鏈接不是白色。這應該是很簡單的，但顯然不是這樣的造型新手跟我一樣 :-( 謝謝！ <main class="col-md-9 float-left col px-5 pl-md-2 pt-2 main"> <div class="topbar"> <a href="#" dat

0熱度

1回答

CSS Flex - 我有一個項目列表可以需要使他們水平滾動與溢出隱藏

我有一個div內的3項。這個容器需要100％的小部件和水平滾動條。所以就像一個旋轉木馬。 .wrapper { display: flex; flex: 1 1 0; overflow-x: scroll; overflow-y: hidden; } .content { display: flex;