Skip to content

Commit

Permalink
chore: add inline codeblocks around some text for readability (#20720)
Browse files Browse the repository at this point in the history
* Update post-css.md

* Update tailwind-css.md

* Update bulma.md
  • Loading branch information
Ar3Tea authored and LB committed Jan 24, 2020
1 parent 6c7b216 commit e77f39c
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 5 deletions.
4 changes: 2 additions & 2 deletions docs/docs/bulma.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ plugins: [`gatsby-plugin-sass`],

Now is the time to create a scss-file that holds your simple style customisation and the import statement for bulma.

(To keep things simple, insert the file next to index.js in the pages-directory)
(To keep things simple, insert the file next to `index.js` in the pages-directory)

```scss:title=mystyles.scss
@charset "utf-8";
Expand All @@ -37,7 +37,7 @@ $title-color: #ff0000;

The last step is to import the style and use it.

Replace the default contents of the index.js file.
Replace the default contents of the `index.js` file.

```jsx:title=index.js
import React from "react"
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/post-css.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ plugins: [`gatsby-plugin-postcss`],

> **Note**: If you need to pass options to PostCSS use the plugins options; see [postcss-loader](https://github.com/postcss/postcss-loader) for all available options.
3. Write your stylesheets using PostCSS (.css files) and require or import them as normal.
3. Write your stylesheets using PostCSS (`.css` files) and require or import them as normal.

```css:title=styles.css
@custom-media --med (width <= 50rem);
Expand Down
4 changes: 2 additions & 2 deletions docs/docs/tailwind-css.md
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ plugins: [`gatsby-plugin-postcss`],

3. Configure PostCSS to use Tailwind

Create a postcss.config.js in your project's root folder with the following contents.
Create a `postcss.config.js` in your project's root folder with the following contents.

```javascript:title=postcss.config.js
module.exports = () => ({
Expand Down Expand Up @@ -89,7 +89,7 @@ npm install tailwindcss@0.7.4
npm install tailwind.macro
```
2. Use the Babel Macro (tailwind.macro) in your styled component
2. Use the Babel Macro (`tailwind.macro`) in your styled component
```javascript
import styled from "styled-components"
Expand Down

0 comments on commit e77f39c

Please sign in to comment.