@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();
}