Skip to content

Commit cab9ede

Browse files
markusantonwolfmarkusantonwolf
markusantonwolf
authored and
markusantonwolf
committed
Fixed dependencies issue + added new utilities bg-blur
1 parent 39f31c5 commit cab9ede

File tree

6 files changed

+200
-7
lines changed

6 files changed

+200
-7
lines changed

‎dist/tailwind-filters.css

Lines changed: 150 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22096,6 +22096,36 @@ video {
2209622096
backdrop-filter: blur(5px);
2209722097
}
2209822098

22099+
.bg-blur-0 {
22100+
-webkit-backdrop-filter: blur(none);
22101+
backdrop-filter: blur(none);
22102+
}
22103+
22104+
.bg-blur-1 {
22105+
-webkit-backdrop-filter: blur(1px);
22106+
backdrop-filter: blur(1px);
22107+
}
22108+
22109+
.bg-blur-2 {
22110+
-webkit-backdrop-filter: blur(2px);
22111+
backdrop-filter: blur(2px);
22112+
}
22113+
22114+
.bg-blur-3 {
22115+
-webkit-backdrop-filter: blur(3px);
22116+
backdrop-filter: blur(3px);
22117+
}
22118+
22119+
.bg-blur-4 {
22120+
-webkit-backdrop-filter: blur(4px);
22121+
backdrop-filter: blur(4px);
22122+
}
22123+
22124+
.bg-blur-5 {
22125+
-webkit-backdrop-filter: blur(5px);
22126+
backdrop-filter: blur(5px);
22127+
}
22128+
2209922129
@media (min-width: 640px) {
2210022130
.sm\:container {
2210122131
width: 100%;
@@ -43540,6 +43570,36 @@ video {
4354043570
-webkit-backdrop-filter: blur(5px);
4354143571
backdrop-filter: blur(5px);
4354243572
}
43573+
43574+
.sm\:bg-blur-0 {
43575+
-webkit-backdrop-filter: blur(none);
43576+
backdrop-filter: blur(none);
43577+
}
43578+
43579+
.sm\:bg-blur-1 {
43580+
-webkit-backdrop-filter: blur(1px);
43581+
backdrop-filter: blur(1px);
43582+
}
43583+
43584+
.sm\:bg-blur-2 {
43585+
-webkit-backdrop-filter: blur(2px);
43586+
backdrop-filter: blur(2px);
43587+
}
43588+
43589+
.sm\:bg-blur-3 {
43590+
-webkit-backdrop-filter: blur(3px);
43591+
backdrop-filter: blur(3px);
43592+
}
43593+
43594+
.sm\:bg-blur-4 {
43595+
-webkit-backdrop-filter: blur(4px);
43596+
backdrop-filter: blur(4px);
43597+
}
43598+
43599+
.sm\:bg-blur-5 {
43600+
-webkit-backdrop-filter: blur(5px);
43601+
backdrop-filter: blur(5px);
43602+
}
4354343603
}
4354443604

4354543605
@media (min-width: 768px) {
@@ -64986,6 +65046,36 @@ video {
6498665046
-webkit-backdrop-filter: blur(5px);
6498765047
backdrop-filter: blur(5px);
6498865048
}
65049+
65050+
.md\:bg-blur-0 {
65051+
-webkit-backdrop-filter: blur(none);
65052+
backdrop-filter: blur(none);
65053+
}
65054+
65055+
.md\:bg-blur-1 {
65056+
-webkit-backdrop-filter: blur(1px);
65057+
backdrop-filter: blur(1px);
65058+
}
65059+
65060+
.md\:bg-blur-2 {
65061+
-webkit-backdrop-filter: blur(2px);
65062+
backdrop-filter: blur(2px);
65063+
}
65064+
65065+
.md\:bg-blur-3 {
65066+
-webkit-backdrop-filter: blur(3px);
65067+
backdrop-filter: blur(3px);
65068+
}
65069+
65070+
.md\:bg-blur-4 {
65071+
-webkit-backdrop-filter: blur(4px);
65072+
backdrop-filter: blur(4px);
65073+
}
65074+
65075+
.md\:bg-blur-5 {
65076+
-webkit-backdrop-filter: blur(5px);
65077+
backdrop-filter: blur(5px);
65078+
}
6498965079
}
6499065080

6499165081
@media (min-width: 1024px) {
@@ -86432,6 +86522,36 @@ video {
8643286522
-webkit-backdrop-filter: blur(5px);
8643386523
backdrop-filter: blur(5px);
8643486524
}
86525+
86526+
.lg\:bg-blur-0 {
86527+
-webkit-backdrop-filter: blur(none);
86528+
backdrop-filter: blur(none);
86529+
}
86530+
86531+
.lg\:bg-blur-1 {
86532+
-webkit-backdrop-filter: blur(1px);
86533+
backdrop-filter: blur(1px);
86534+
}
86535+
86536+
.lg\:bg-blur-2 {
86537+
-webkit-backdrop-filter: blur(2px);
86538+
backdrop-filter: blur(2px);
86539+
}
86540+
86541+
.lg\:bg-blur-3 {
86542+
-webkit-backdrop-filter: blur(3px);
86543+
backdrop-filter: blur(3px);
86544+
}
86545+
86546+
.lg\:bg-blur-4 {
86547+
-webkit-backdrop-filter: blur(4px);
86548+
backdrop-filter: blur(4px);
86549+
}
86550+
86551+
.lg\:bg-blur-5 {
86552+
-webkit-backdrop-filter: blur(5px);
86553+
backdrop-filter: blur(5px);
86554+
}
8643586555
}
8643686556

8643786557
@media (min-width: 1280px) {
@@ -107878,6 +107998,36 @@ video {
107878107998
-webkit-backdrop-filter: blur(5px);
107879107999
backdrop-filter: blur(5px);
107880108000
}
108001+
108002+
.xl\:bg-blur-0 {
108003+
-webkit-backdrop-filter: blur(none);
108004+
backdrop-filter: blur(none);
108005+
}
108006+
108007+
.xl\:bg-blur-1 {
108008+
-webkit-backdrop-filter: blur(1px);
108009+
backdrop-filter: blur(1px);
108010+
}
108011+
108012+
.xl\:bg-blur-2 {
108013+
-webkit-backdrop-filter: blur(2px);
108014+
backdrop-filter: blur(2px);
108015+
}
108016+
108017+
.xl\:bg-blur-3 {
108018+
-webkit-backdrop-filter: blur(3px);
108019+
backdrop-filter: blur(3px);
108020+
}
108021+
108022+
.xl\:bg-blur-4 {
108023+
-webkit-backdrop-filter: blur(4px);
108024+
backdrop-filter: blur(4px);
108025+
}
108026+
108027+
.xl\:bg-blur-5 {
108028+
-webkit-backdrop-filter: blur(5px);
108029+
backdrop-filter: blur(5px);
108030+
}
107881108031
}
107882108032

107883108033
/*# sourceMappingURL=tailwind-ui.css.map */

‎dist/tailwind-filters.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,11 @@
55
"main": "src/index.js",
66
"scripts": {
77
"test": "echo \"Error: no test specified\" && exit 1",
8-
"build": "node ./scripts/build.js"
8+
"build": "node ./scripts/build.js",
9+
"publish": "npm publish --access public",
10+
"patch": "npm version patch",
11+
"minor": "npm version minor",
12+
"major": "npm version major"
913
},
1014
"author": "Markus A. Wolf",
1115
"contributors": [
@@ -16,11 +20,13 @@
1620
"url": "git+https://github.com/markusantonwolf/tailwindcss-filters.git"
1721
},
1822
"license": "MIT",
19-
"devDependencies": {
20-
"autoprefixer": "^9.6.1",
23+
"dependencies": {
2124
"change-case": "^4.1.2",
2225
"clean-css": "^4.2.1",
23-
"lodash": "^4.17.20",
26+
"lodash": "^4.17.20"
27+
},
28+
"devDependencies": {
29+
"autoprefixer": "^9.6.1",
2430
"tailwindcss": "^1.8.3"
2531
},
2632
"peerDependencies": {

‎public/utilities.css

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -450,3 +450,27 @@
450450
backdrop-filter: blur(5px);
451451
}
452452

453+
.bg-blur-0 {
454+
backdrop-filter: blur(none);
455+
}
456+
457+
.bg-blur-1 {
458+
backdrop-filter: blur(1px);
459+
}
460+
461+
.bg-blur-2 {
462+
backdrop-filter: blur(2px);
463+
}
464+
465+
.bg-blur-3 {
466+
backdrop-filter: blur(3px);
467+
}
468+
469+
.bg-blur-4 {
470+
backdrop-filter: blur(4px);
471+
}
472+
473+
.bg-blur-5 {
474+
backdrop-filter: blur(5px);
475+
}
476+

‎scripts/build.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ function buildDistFile() {
1010
plugins: [
1111
require("../src/index.js")({
1212
variants: ["responsive"],
13-
utilities: ["drop-shadow", "blur", "backdrop-blur"],
13+
utilities: ["drop-shadow", "blur", "backdrop-blur", "bg-blur"],
1414
debug: true,
1515
export: true,
1616
}),

‎src/index.js

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ const sizes = [
5656

5757
const defaultOptions = {
5858
variants: ["responsive"],
59-
utilities: ["drop-shadow", "blur", "backdrop-blur"],
59+
utilities: ["drop-shadow", "blur", "backdrop-blur", "bg-blur"],
6060
debug: false,
6161
export: false,
6262
};
@@ -79,6 +79,9 @@ module.exports = plugin.withOptions((options = {}) => {
7979
if (options.utilities.indexOf("backdrop-blur") !== -1) {
8080
_.merge(new_utilities, getBackdropBlur());
8181
}
82+
if (options.utilities.indexOf("bg-blur") !== -1) {
83+
_.merge(new_utilities, getBgBlur());
84+
}
8285

8386
if (options.debug === true) {
8487
console.info(new_utilities);
@@ -139,6 +142,16 @@ function getBackdropBlur() {
139142
return new_utilities;
140143
}
141144

145+
function getBgBlur() {
146+
const new_utilities = {};
147+
blurs.forEach((blur) => {
148+
new_utilities[".bg-blur-" + blur.name] = {
149+
backdropFilter: "blur(" + blur.value + ")",
150+
};
151+
});
152+
return new_utilities;
153+
}
154+
142155
function getBlur() {
143156
const new_utilities = {};
144157
blurs.forEach((blur) => {

0 commit comments

Comments
 (0)