diff options
| author | Marcel Ribeiro-Dantas <ribeirodantasdm@gmail.com> | 2024-06-21 02:11:51 -0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-21 02:11:51 -0300 |
| commit | 30edebae889893e1b657b1a2326576450f2f56d4 (patch) | |
| tree | 3af5406b8c1e08c9ffac81a9db86cb7b62dffbf6 /stylus.html.markdown | |
| parent | 7611e1f1904619b58333a8c564500d9cb2b584d9 (diff) | |
| parent | 790a78e3cf1ec8610699ed34255d459f84a92a18 (diff) | |
Merge pull request #4969 from verhovsky/remove-bare-links
Remove bare links
Diffstat (limited to 'stylus.html.markdown')
| -rw-r--r-- | stylus.html.markdown | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/stylus.html.markdown b/stylus.html.markdown index 7300dabf..9cf71466 100644 --- a/stylus.html.markdown +++ b/stylus.html.markdown @@ -93,15 +93,15 @@ $body-font = 'Roboto', sans-serif Now, if you want to change the color, you only have to make the change once. */ body - background-color $primary-color - color $secondary-color - font-family $body-font + background-color $primary-color + color $secondary-color + font-family $body-font /* After compilation: */ body { - background-color: #A3A4FF; - color: #51527F; - font-family: 'Roboto', sans-serif; + background-color: #A3A4FF; + color: #51527F; + font-family: 'Roboto', sans-serif; } / * @@ -118,10 +118,10 @@ element, you may want to store that code in a mixin. center() display block - margin-left auto - margin-right auto - left 0 - right 0 + margin-left auto + margin-right auto + left 0 + right 0 /* Using the mixin */ body { @@ -131,12 +131,12 @@ body { /* After compilation: */ div { - display: block; - margin-left: auto; - margin-right: auto; - left: 0; - right: 0; - background-color: #A3A4FF; + display: block; + margin-left: auto; + margin-right: auto; + left: 0; + right: 0; + background-color: #A3A4FF; } /* You can use mixins to create a shorthand property. */ @@ -149,7 +149,7 @@ size($width, $height) size(100px, 60px) .square - size(40px, 40px) + size(40px, 40px) /* You can use a mixin as a CSS property. */ circle($ratio) @@ -224,4 +224,4 @@ for $item in (1..2) /* Repeat block 12 times */ width ($item / 12) * 100% /* Calculate row by column number */ ``` -Now that you know a little about this powerful CSS preprocessor, you're ready to create more dynamic style sheets. To learn more, visit the official stylus documentation at http://stylus-lang.com. +Now that you know a little about this powerful CSS preprocessor, you're ready to create more dynamic style sheets. To learn more, visit the official stylus documentation at [stylus-lang.com](https://stylus-lang.com). |