Skip to content

Commit 3b29e0b

Browse files
solygambassolygambas
committed
add PostCSS setup
1 parent 2a582ae commit 3b29e0b

File tree

8 files changed

+3023
-0
lines changed

8 files changed

+3023
-0
lines changed

‎playground/postcss-intro/.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎playground/postcss-intro/README.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# PostCSS
2+
3+
A quick intro to PostCSS.
4+
5+
## Features
6+
7+
- setting up a project with PostCSS.
8+
- using Autoprefixer to add vendor prefixes to CSS rules.
9+
10+
Based on [PostCSS Crash Course](https://www.youtube.com/watch?v=SP8mSVSAh6s) by Brad Traversy (2022).

‎playground/postcss-intro/dist/index.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="stylesheet" href="style.css" />
8+
<title>PostCSS</title>
9+
</head>
10+
<body>
11+
<h1>PostCSS</h1>
12+
<form>
13+
<input type="text" name="" id="" placeholder="Enter a search term" />
14+
</form>
15+
</body>
16+
</html>

‎playground/postcss-intro/dist/style.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
body {
2+
background-color: #fff;
3+
}
4+
5+
input::-moz-placeholder {
6+
color: steelblue;
7+
}
8+
9+
input::placeholder {
10+
color: steelblue;
11+
}

0 commit comments

Comments
 (0)