diff options
| author | Boris Verkhovskiy <boris.verk@gmail.com> | 2024-06-03 13:31:20 -0600 |
|---|---|---|
| committer | Boris Verkhovskiy <boris.verk@gmail.com> | 2024-06-03 13:31:20 -0600 |
| commit | 790a78e3cf1ec8610699ed34255d459f84a92a18 (patch) | |
| tree | a62702ae158c36167e3047f7be5d16197cff0859 /stylus.html.markdown | |
| parent | 29bf4c1b9f353fa3321f663dc52c1b227a1ed9e5 (diff) | |
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). |