Skip to content

Commit b5080f1

Browse files
timneutkensTimer
timneutkens
and
Timer
committed
Update css examples to use built-in CSS support (vercel#10029)
* Update tailwind example * Update blog-starter example * Update with-next-css example * Update with-quill-js * Update with-rbx-bulma-pro * Remove incompatible example * Update with-react-multi-carousel * Update-with-semantic-ui * Update with-videojs example * Remove @zeit/next-css from package.json of updated examples * Remove deprecated examples * Remove target from all examples * Update package.json * Apply suggestions from code review Co-Authored-By: Joe Haddad <timer@zeit.co> Co-authored-by: Joe Haddad <timer150@gmail.com>
1 parent 12665cb commit b5080f1

File tree

47 files changed

+99
-442
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+99
-442
lines changed

‎examples/blog-starter/components/syntax-highlight.css

Lines changed: 0 additions & 152 deletions
This file was deleted.

‎examples/blog-starter/next.config.js

Lines changed: 8 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -15,28 +15,14 @@ module.exports = withMDX({
1515
module: 'empty',
1616
}
1717

18-
config.module.rules.push(
19-
{
20-
test: /\.css$/,
21-
use: [
22-
defaultLoaders.babel,
23-
{
24-
loader: require('styled-jsx/webpack').loader,
25-
options: {
26-
type: 'global',
27-
},
28-
},
29-
],
30-
},
31-
{
32-
test: /\.svg$/,
33-
use: [
34-
{
35-
loader: '@svgr/webpack',
36-
},
37-
],
38-
}
39-
)
18+
config.module.rules.push({
19+
test: /\.svg$/,
20+
use: [
21+
{
22+
loader: '@svgr/webpack',
23+
},
24+
],
25+
})
4026

4127
if (isServer && !dev) {
4228
const originalEntry = config.entry

‎examples/blog-starter/package.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
"now-build": "next build && yarn build:rss"
88
},
99
"dependencies": {
10-
"@zeit/next-css": "^1.0.1",
1110
"@zeit/next-mdx": "^1.2.0",
1211
"babel-plugin-macros": "^2.5.0",
1312
"babel-plugin-preval": "^3.0.1",

‎examples/with-cookie-auth/next.config.js

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎examples/with-external-scoped-css/README.md

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎examples/with-next-css/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,4 +45,4 @@ now
4545

4646
## The idea behind the example
4747

48-
This example demonstrates how to use the [next-css plugin](https://github.com/zeit/next-plugins/tree/master/packages/next-css) It includes patterns for with and without CSS Modules, with PostCSS and with additional webpack configurations on top of the next-css plugin.
48+
This example demonstrates how to use Next.js' built-in CSS imports and CSS modules support.

‎examples/with-next-css/component/hello-world.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import css from './hello-world.module.css'
2+
3+
export default () => (
4+
<div className={css.hello}>
5+
Hello World, I am being styled using CSS Modules!
6+
</div>
7+
)

‎examples/with-next-css/component/hello-world.module.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.hello {
2+
font-size: 25px;
3+
}

‎examples/with-next-css/next.config.js

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎examples/with-next-css/package.json

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,7 @@
88
"start": "next start"
99
},
1010
"dependencies": {
11-
"@zeit/next-css": "^1.0.1",
12-
"next": "latest",
11+
"next": "^9.1.8-canary.11",
1312
"react": "^16.7.0",
1413
"react-dom": "^16.7.0"
1514
}

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy