.class {
color: blue;
}
@mixin dosomething($var: 1) {
background-color: blue;
.child-selector#with_id {
&:hover:not(:first-child) {
text-indent: none;
}
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>foobar</title>
</head>
<body>
<header class="page-header">
<nav><ul class="header-nav"></nav>
</header>
<main>
<p id="paragraph" class="paragraph">
Lorem ipsum dolor sit amet
</p>
</main>
</body>
</html>
(function(){
"use strict";
/* Start of your code */
function greetMe(yourName) {
alert('Hello ' + yourName);
}
greetMe('World');
/* End of your code */
})();