.container .sectionName .divName ul .button { color: #fff; }
.container .sectionName .divName ul .button { color: #fff; }
.container .sectionName .divName ul .kittens { border: 2px solid #fff; }
.container .sectionName .divName ul .puppies { font-size: 4rem; }
.container .sectionName .divName ul .lava { background: red; }
.container .sectionName .divName ul {
.button { color: #fff; }
.kittens { border: 2px solid #fff; }
.puppies { font-size: 4rem; }
.lava { background: red; }
}
@mixin linearGrad($top, $bottom) {
background: $top;
background: -moz-linear-gradient($top, $bottom);
background: -webkit-linear-gradient($top, $bottom);
background: linear-gradient($top, $bottom);
}
.divName { @include linearGrad(#ff666,#ffccff); }
.kittens {
width: 300px;
@media screen and (max-width: 320px;) {
width: 120px;
}
@media screen and (min-width: 1200px;) {
width: 600px;
}
}
.textArea {
width: 320px / 960px * 100%;
}
Have a question about something in this article? You can receive help directly from the article author. Sign up for a free trial to get started.
Comments (1)
Commented:
This is just another example of an approach that helps the lazy avoid learning how to do things right at the expense of slowing down the presentation of the page.
Nice article... bad idea... bad technique; fortunately most of experienced professionals tried it and are abandoning it because it has no net valuer.
Cd&