https://www.codecademy.com/en/courses/learn-sass/lessons/sustainable-scss/exercises/partials
Above is a link to the exercise that I am stuck at. Basically it asks for me to add in one line of code
@import "helper/variables";
to demonstrate my knowledge of importing a file from the sass file system. But when I do that and click run I receive a red X and the error message "Did you import the variables in main.scss?" I haven't done anything else with the code. And main.scss is attached below. I believe this to be a bug but I can't move on with the tutorial until I get around this. Can anyone help?
The code is posted below. And I am using chrome as my browser.
@import url(https://fonts.googleapis.com/css?family=Pacifico); //CSS import
@import "helper/placeholders";
@import "helper/mixins";
@import "helper/variables"; // <- code added here as per instructions
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 {
background-color: $translucent-white;
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);
}
}