Skip to content
This repository was archived by the owner on Sep 5, 2025. It is now read-only.

Change deprecated node-sass to sass (dart sass) #1545

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
+9 −5
Open

Change deprecated node-sass to sass (dart sass) #1545

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e3dbf75
feat: node-sass to sass and compress css script
tiago-freire Mar 18, 2023
7cd4537
chore: remove sass warnings
tiago-freire Mar 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 5 additions & 4 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
"devDependencies": {
"@wordpress/scripts": "^19.2.2",
"dir-archiver": "^1.1.1",
"node-sass": "^7.0.1",
"rtlcss": "^3.5.0"
"rtlcss": "^3.5.0",
"sass": "^1.59.3"
},
"rtlcssConfig": {
"options": {
Expand All @@ -36,8 +36,9 @@
"map": false
},
"scripts": {
"watch": "node-sass sass/ -o ./ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w",
"compile:css": "node-sass sass/ -o ./ && stylelint '*.css' --fix || true && stylelint '*.css' --fix",
"watch": "sass sass/:./ --style expanded --watch",
"compile:css": "sass sass/:./ && stylelint '*.css' --fix || true && stylelint '*.css' --fix",
"compile:css:compressed": "sass sass/:./ --style compressed",
"compile:rtl": "rtlcss style.css style-rtl.css",
"lint:scss": "wp-scripts lint-style 'sass/**/*.scss'",
"lint:js": "wp-scripts lint-js 'js/*.js'",
Expand Down
5 changes: 4 additions & 1 deletion sass/abstracts/mixins/_mixins.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
@use "sass:math";

// Center block
@mixin center-block {
display: block;
Expand All @@ -7,5 +9,6 @@

// Column width with margin
@mixin column-width($numberColumns: 3) {
width: map-get($columns, $numberColumns) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns );
width: map-get($columns, $numberColumns) - math.div( ( $columns__margin * ( $numberColumns - 1 ) ), $numberColumns );
}