Skip to content

Commit 48f3c8b

Browse files
authored
Move @extends to beginning from end of declarations (#1)
- Also removes Translation section, since we are no longer in sync with the Airbnb version of this repo
1 parent 0a7b5f2 commit 48f3c8b

File tree

1 file changed

+6
-24
lines changed

1 file changed

+6
-24
lines changed

README.md

Lines changed: 6 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
1-
# Airbnb CSS / Sass Styleguide
1+
# Rent The Runway CSS / Sass Styleguide
22

33
*A mostly reasonable approach to CSS and Sass*
44

5+
Adapted from Airbnb
6+
57
## Table of Contents
68

79
1. [Terminology](#terminology)
@@ -22,7 +24,6 @@
2224
- [Mixins](#mixins)
2325
- [Extend directive](#extend-directive)
2426
- [Nested selectors](#nested-selectors)
25-
1. [Translation](#translation)
2627
1. [License](#license)
2728

2829
## Terminology
@@ -228,13 +229,13 @@ Use `0` instead of `none` to specify that a style has no border.
228229

229230
2. `@include` declarations
230231

231-
Grouping `@include`s at the end makes it easier to read the entire selector.
232+
Grouping `@include`s at the beginning allows you to safely override helper classes, as well as making it easier to read the entire selector.
232233

233234
```scss
234235
.btn-green {
236+
@include transition(background 0.5s ease);
235237
background: green;
236238
font-weight: bold;
237-
@include transition(background 0.5s ease);
238239
// ...
239240
}
240241
```
@@ -245,9 +246,9 @@ Use `0` instead of `none` to specify that a style has no border.
245246

246247
```scss
247248
.btn {
249+
@include transition(background 0.5s ease);
248250
background: green;
249251
font-weight: bold;
250-
@include transition(background 0.5s ease);
251252

252253
.icon {
253254
margin-right: 10px;
@@ -294,25 +295,6 @@ If you must use an ID selector in the first place (and you should really try not
294295
295296
**[⬆ back to top](#table-of-contents)**
296297
297-
## Translation
298-
299-
This style guide is also available in other languages:
300-
301-
- ![id](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Indonesia.png) **Bahasa Indonesia**: [mazipan/css-style-guide](https://github.com/mazipan/css-style-guide)
302-
- ![tw](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Taiwan.png) **Chinese (Traditional)**: [ArvinH/css-style-guide](https://github.com/ArvinH/css-style-guide)
303-
- ![cn](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/China.png) **Chinese (Simplified)**: [Zhangjd/css-style-guide](https://github.com/Zhangjd/css-style-guide)
304-
- ![fr](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/France.png) **French**: [mat-u/css-style-guide](https://github.com/mat-u/css-style-guide)
305-
- ![ja](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Japan.png) **Japanese**: [nao215/css-style-guide](https://github.com/nao215/css-style-guide)
306-
- ![ko](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/South-Korea.png) **Korean**: [CodeMakeBros/css-style-guide](https://github.com/CodeMakeBros/css-style-guide)
307-
- ![PT-BR](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Brazil.png) **Portuguese (Brazil)**: [felipevolpatto/css-style-guide](https://github.com/felipevolpatto/css-style-guide)
308-
- ![pt-PT](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Portugal.png) **Portuguese (Portugal)**: [SandroMiguel/airbnb-css-style-guide](https://github.com/SandroMiguel/airbnb-css-style-guide)
309-
- ![ru](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Russia.png) **Russian**: [Nekorsis/css-style-guide](https://github.com/Nekorsis/css-style-guide)
310-
- ![es](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Spain.png) **Spanish**: [ismamz/guia-de-estilo-css](https://github.com/ismamz/guia-de-estilo-css)
311-
- ![vn](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Vietnam.png) **Vietnamese**: [trungk18/css-style-guide](https://github.com/trungk18/css-style-guide)
312-
- ![vn](https://raw.githubusercontent.com/gosquared/flags/master/flags/flags/shiny/24/Italy.png) **Italian**: [antoniofull/linee-guida-css](https://github.com/antoniofull/linee-guida-css)
313-
314-
**[⬆ back to top](#table-of-contents)**
315-
316298
## License
317299
318300
(The MIT License)

0 commit comments

Comments
 (0)