Variables

// Import Variables
@use "./sass/variables/colors";

// Global Variable
$alt_color: green;

.header {
  color: $alt_color;
}
.footer {
  $alt_color: black !global;
  background-color: $alt_color;
}
.copyright {
  background-color: $alt_color;
}
.sidebar {
  background-color: colors.$main;
  color: colors.$alt;
}

$max_mobile: "max-width: 767px";

@media ($max_mobile) {
  .sidebar {
    padding: 20px;
  }
}

:root {
  --main-color: red;
}

.contact {
  padding: 20px;
  background-color: var(--main-color);
}

$main: orange;
$alt: violet;