// This is here to get you started // color #135b00 // background #6FC559 // hover background #50C531 // hover color #135b00 // current background // current color #6FC559 *************************Submitted code*******************************************/ // color #135b00 $color:#135b00; // background #6FC559 $background-color:#50dd31; // hover background #50C531 $hover-background:#50C531; // hover color #135b00 $hover-color:#135b00; // current background // current color #6FC559 $current-background-color:#6FC559; nav { width: 100%; } #sitenav { color:$color; font-weight: bold; font-size: 125%; background-color:$current-background-color; ul { list-style: none; margin: 0; padding: 0; li { display: inline-block; margin: 0; padding: 0; width: 12%; background-color:$current-background-color; a { color:$color; background-color:$current-background-color; display:block; text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; // nest selector for a:hover/active/visited here // use the &:hover syntax -- the "&" will refer to the "a" &:hover{ background-color: $hover-background; color: $color; text-decoration: underline; } &:active{ color: $color; background-color: $current-background-color; } /*I did not see this in the target.css file. I added it as it is in the notes above*/ &:visited{ color:$color; background-color: $current-background-color; } } } // nest select for #current here #current a{ &:link, &:visited, &:hover, &:active{ background-color: $color; color: $current-background-color; text-decoration: none; } } } } /*************************END submitted code*****************************************/ /* nav { width: 100%; } #sitenav { font-weight: bold; font-size: 135%; ul { list-style: none; margin: 0; padding: 0; li { float: left; margin: 0; padding: 0; width: 12%; a { display: block; text-align: center; // nest selector for a:hover/active/visited here // use the &:hover syntax -- the "&" will refer to the "a" } } // nest select for #current here } } */