A Simple Level -1 CSS only dropdown menu using SASS

Today, I was trying to create a CSS3 menu using SASS. The idea behind the project was to learn more about SASS. The only concept that I used was nesting in SASS. This has made our life easier to implement a CSS3 only drop down menu.



Fork it here

Play with this gist on SassMeister.

Omit the protocol from embedded resources

If you are linking to any external resource like external css or external image, do remember to omit the protocol from the resource.

The following code is bad

/* Not recommended */ .example { background: url(http://www.google.com/images/example); } Rather you should omit the http or https from the URI
/* Recommended */
.example {
  background: url(//www.google.com/images/example);

Omitting the protocol—which makes the URL relative—prevents mixed content issues and results in minor file size savings.