2012-03-13 15:49:37 +00:00
|
|
|
!SLIDE
|
2012-03-14 15:55:13 +00:00
|
|
|
# Inheritance
|
|
|
|
|
|
|
|
!SLIDE
|
|
|
|
# Inception rule!
|
|
|
|
<img src="/assets/InceptionArch_Slusher.jpg" width='800px'>
|
|
|
|
|
|
|
|
!SLIDE
|
2012-03-21 17:09:22 +00:00
|
|
|
<img src='/assets/36kou7.jpg' height='600px'>
|
2012-03-14 15:55:13 +00:00
|
|
|
|
|
|
|
!SLIDE
|
2012-03-21 17:09:22 +00:00
|
|
|
## Well you can but it gets messy
|
2012-03-14 15:55:13 +00:00
|
|
|
``` scss
|
|
|
|
.foo {
|
|
|
|
width: 5px;
|
|
|
|
.bar {
|
|
|
|
height: 20px;
|
|
|
|
.baz {
|
|
|
|
color : red;
|
|
|
|
.what-comes-after-baz {
|
|
|
|
border : green solid 1px;
|
|
|
|
&.something {
|
|
|
|
@extend .float-left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
|
|
|
!SLIDE
|
2012-03-15 22:14:04 +00:00
|
|
|
# And slow
|
|
|
|
|
|
|
|
!SLIDE
|
|
|
|
|
|
|
|
## Selector layout
|
|
|
|
|
|
|
|
``` scss
|
|
|
|
.release_title a{
|
|
|
|
@extend h3;
|
|
|
|
@include adjust-font-size-to(20px, 1);
|
|
|
|
@include trailer;
|
|
|
|
|
|
|
|
text-decoration : none;
|
|
|
|
display : block;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color:$hover-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|