Organise the partial


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(; //CSS import

@import "helper/placeholders";
@import "helper/mixins";
$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);


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.