Skip to content

Commit c299a36

Browse files
blueneogeogitbook-bot
authored andcommitted
GitBook: [master] one page modified
1 parent 43cada5 commit c299a36

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

guide/styling-with-css.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44

55
**You can use CSS or Sass to set any property to any class or id in your Pug or HTML file.**
66

7-
To do so, create a style file with the same name as your Pug or HTML file, in the same directory. For example, if you have a startpage.pug, to style it simply add a startpage.sass in the same directory.
7+
To style a Pug file, create a Sass style file with the same name \(but different extension\) as your Pug file, in the same directory. For example, if you have a startpage.pug, to style it simply add a startpage.sass in the same directory.
88

9-
Recommendation: create a directory per layout, with the name of your layout. Then inside, create a pug file, sass file and your model and other supporting files.
9+
_Recommendation_: create a directory per layout, with the name of your layout. Then inside, create a pug file, sass file and your model and other supporting files.
1010

1111
Example structure:
1212

@@ -100,7 +100,7 @@ Some examples are [color](../reference/css-properties.md#color-color), [padding]
100100

101101
As an example, consider the following Pug layout we want to style \(taken and converted into flutter-view Pug from the [Flutter Card sample](https://docs.flutter.io/flutter/material/Card-class.html)\):
102102

103-
```text
103+
```css
104104
card
105105
column
106106
list-tile
@@ -117,7 +117,7 @@ card
117117

118118
We have a layout, and now we can style it.
119119

120-
The "buy tickets" and "listen" FlatButtons we want to have uppercase text. We can use the **text-transform** shortcut:
120+
The "buy tickets" and "listen" FlatButtons we want to have uppercase text. We can use the [**text-transform**](../reference/css-properties.md#box-shadow-18) shortcut:
121121

122122
```css
123123
flat-button

0 commit comments

Comments
 (0)