Exercise 7

Sass exercise

create a variable named $delius-font and set the value to 'Delius Swash Caps', sans-serif
add a new font-family directive and add the $delius-font to

create a variable named $quattro-font and set the value to 'Quattrocento Sans', sans-serif
add a new font-family directive and add the $quattro-font to

create a variable named $blue-highlight-color and set the value to #00A2AD
add a new directive to change the font color to $blue-highlight-color for

refactor the #header and #header h1 style selectors to be nested selectors (around line 31 to line 43)
refactor the #footer and #footer a style selectors to be nested selectors (around line 57 to line 69)
refactor the #slideshow and #slideshow .orbit-timer and #slideshow ul li style selectors to be nested selectors (around line 71 to line 83)
in the same way as 7. 8. 9. refactor the entire #main_nav set of styles within /* STYLES FOR IPAD AND LARGER (MEDIUM UP) * /
@media only screen and (min-width: 40.063em)
around lines 96 to line 159
same as 10. refactor the #main_nav set of styles within /* STYLES FOR MOBILE SIZE ONLY * /
@media only screen and (max-width: 40em)
around lines 173 to line 218
create a variable named $dark-grey and set the value to #444
set the background color to $dark-grey for

Name		Name	Last commit message	Last commit date
Latest commit History 6 Commits
.sass-cache/0bd35a228af736efae4531031c5afac1fa0e05da		.sass-cache/0bd35a228af736efae4531031c5afac1fa0e05da
css		css
images		images
img		img
js		js
README.md		README.md
index.html		index.html