Laying the CSS3 Foundations - Learn HTML5 and JavaScript for Android - page 165

header#taskbar {
...
}
header#taskbar.searchactive {
.clear-search {
display: block;
}
form#add-movie {
margin-right: 40px;
}
}
Your final _layout.scss file should look like the code below.
header#taskbar {
color: #FFFFFF;
overflow: hidden;
padding: 10px;
border-bottom: 1px solid #BF2628;
h1.branding {
margin: 0px;
float: left;
width: 73px;
height: 32px;
text-indent: -10000px;
overflow: hidden;
background: url('../img/momemo.png') no-repeat top left;
}
.clear-search {
float: right;
width: 35px;
height: 35px;
display: none;
overflow: hidden;
text-indent: -10000px;
background: url('../img/clear.png') 50% 50% no-repeat;
}
}
header#taskbar.searchactive {
.clear-search {
display: block;
}