@use "../abstracts/settings";

@use "../components/global";
@use "../components/header";
@use "../components/footer";
@use "../components/content";

@use "../pages/home";
@use "../pages/list";
@use "../pages/single";
@use "../pages/videos";
@use "../pages/etc";
@use "../pages/projects";
@use "../pages/contact";
@use "../pages/fourOhFour";

// Responsive Awesomeness
@media screen and (max-width: settings.$responsive-width) {
  @include global.responsive;
  @include header.responsive;
  @include footer.responsive;
  @include content.responsive;

  @include home.responsive;
  @include list.responsive;
  @include single.responsive;
  @include videos.responsive;
  @include etc.responsive;
  @include projects.responsive;
  @include contact.responsive;
  @include fourOhFour.responsive;
}