The first application.scss.css
/*
*= @import reset;
*= @import 'components/**/*';
*= @import 'pages/**/*';
*/| @import 'file/with/mixins'; | |
| @import 'file/with/functions'; | |
| @import 'file/with/settings'; | |
| // Becomes | |
| @import 'file/with/mixins_functions_and_settings'; |
The first application.scss.css
/*
*= @import reset;
*= @import 'components/**/*';
*= @import 'pages/**/*';
*/| @import "compass/css3/appearance"; | |
| @import "compass/css3/background-size"; | |
| @import "compass/css3/border-radius"; | |
| @import "compass/css3/box-shadow"; | |
| @import "compass/css3/inline-block"; | |
| @import "compass/css3/font-face"; | |
| @import "compass/css3/opacity"; | |
| @import "compass/css3/text-shadow"; | |
| @import "compass/css3/transform/"; | |
| @import "compass/css3/transition/"; |
| Language | Vehicle | Reason |
|---|---|---|
| GoLang | Tesla | The future, but want somebody I know to buy one first |
| Haskell | Batmobile | Looks awesome but you'll never figure out how to drive it |
| Java | Hummer | Uses way more resources than is strictly necessary |
| Perl | Classic Mini | A classic that has influenced many cars, but not practical for 2015 |
| PHP | Fiat Multipla | Ugly, nobody wants to be seen driving this |
| Ruby | Smart Car | Practical design. Will get you around the city fast, but not great on motorways |
| Python | VW Golf | Solid. Reliable. Middle of the road. |
| <!-- Bad --> | |
| <input type="text" /> | |
| <!-- Good --> | |
| <input type="text" pattern="[0-9]" /> |
| <gallery title="Holiday"> | |
| <img src="beach.jpg"> | |
| <img src="sunset.jpg"> | |
| <img src="city.jpg"> | |
| </gallery> |
| <template name="gallery"> | |
| <style> | |
| section { | |
| padding: 10px; | |
| background: #333; | |
| } | |
| .images img { | |
| display: none; | |
| } |
| class Comment { | |
| styles = { | |
| username: { | |
| fontWeight: 'bold', | |
| paddingRight: '10px', | |
| }, | |
| comment: { | |
| color: '#444', | |
| }, | |
| }; |
| <Comment props={{ username: 'richard', comment: 'React!' }} /> |
| <link rel="import" href="/components/gallery.html"> | |
| <gallery /> |