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
791 . [ Terminology] ( #terminology )
2224 - [ Mixins] ( #mixins )
2325 - [ Extend directive] ( #extend-directive )
2426 - [ Nested selectors] ( #nested-selectors )
25- 1 . [ Translation] ( #translation )
26271 . [ License] ( #license )
2728
2829## Terminology
@@ -228,13 +229,13 @@ Use `0` instead of `none` to specify that a style has no border.
228229
2292302. `@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- -  **Bahasa Indonesia**: [mazipan/css-style-guide](https://github.com/mazipan/css-style-guide)
302- -  **Chinese (Traditional)**: [ArvinH/css-style-guide](https://github.com/ArvinH/css-style-guide)
303- -  **Chinese (Simplified)**: [Zhangjd/css-style-guide](https://github.com/Zhangjd/css-style-guide)
304- -  **French**: [mat-u/css-style-guide](https://github.com/mat-u/css-style-guide)
305- -  **Japanese**: [nao215/css-style-guide](https://github.com/nao215/css-style-guide)
306- -  **Korean**: [CodeMakeBros/css-style-guide](https://github.com/CodeMakeBros/css-style-guide)
307- -  **Portuguese (Brazil)**: [felipevolpatto/css-style-guide](https://github.com/felipevolpatto/css-style-guide)
308- -  **Portuguese (Portugal)**: [SandroMiguel/airbnb-css-style-guide](https://github.com/SandroMiguel/airbnb-css-style-guide)
309- -  **Russian**: [Nekorsis/css-style-guide](https://github.com/Nekorsis/css-style-guide)
310- -  **Spanish**: [ismamz/guia-de-estilo-css](https://github.com/ismamz/guia-de-estilo-css)
311- -  **Vietnamese**: [trungk18/css-style-guide](https://github.com/trungk18/css-style-guide)
312- -  **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