Giving this error:-Did you import the variables in main.scss?
4. Organise the partial
Did you import the variables in main.scss?
@import "helper/variables";
@import url(https://fonts.googleapis.com/css?family=Pacifico); //CSS import
@import "helper/placeholders";
@import "helper/mixins";
$lemonade-banner:"lemonade.jpg";
$border:4px solid black;
h1 {
font-family: Roboto, sans-serif;
@include center;
}
.banner {
font-family: 'Pacifico', cursive;
height: 400px;
background-image: url($lemonade-banner);
border: {
top: $border;
bottom: $border;
}
.slogan {
border: 4px solid black;
top: 200px;
left: 25%;
line-height: 200px;
@include dimensions(50%, 200px);
span {
@include center;
width: 40%;
left: 30%;
}
}
}
.container {
font-family: 'Pacifico', cursive;
.icon {
display: inline-block;
margin: 2%;
border: $border;
@include dimensions(300px, 300px);
}
}