// Styles

// Settings
@import 'settings/settings.core';
@import 'settings/settings.cosmetics';
@import 'settings/settings.global';

// Tools
@import 'tools/tools.border-radius';
@import 'tools/tools.colours';
@import 'tools/tools.contraster-lookup';
@import 'tools/tools.cosmetics';
@import 'tools/tools.dimensions';
@import 'tools/tools.mq';
@import 'tools/tools.flex';
@import 'tools/tools.keyframes';
@import 'tools/tools.position';
@import 'tools/tools.typesetting';
@import 'tools/tools.zindex';

// Generic
@import 'generic/generic.reset';
@import 'generic/generic.box-sizing';
@import 'generic/generic.shared';

// Objects
@import 'objects/objects.crop';
@import 'objects/objects.grid';
@import 'objects/objects.images';
@import 'objects/objects.list';
@import 'objects/objects.ratio';
@import 'objects/objects.videos';
@import 'objects/objects.wrapper';

// Utilities
@import 'utilities/utilities.colours';
@import 'utilities/utilities.flex';
// @import 'utilities/utilities.grid';
@import 'utilities/utilities.helpers';
@import 'utilities/utilities.masks';
@import 'utilities/utilities.placeholder';
@import 'utilities/utilities.scaffold';
@import 'utilities/utilities.spacings';
@import 'utilities/utilities.sticky';
@import 'utilities/utilities.surfaces';
@import 'utilities/utilities.transforms';
@import 'utilities/utilities.transitions';
@import 'utilities/utilities.typography';
@import 'utilities/utilities.widths';

#root {
  background: white;
  // color: black;
  padding: $fabric-global-spacing-unit-large;

  @include mq($until: city) {
    padding: 0;
  }
}

.markdown-body {
  color: fabric-color('dark-grey') !important;

  h1 {
    @include fabric-font-size(48px, $important: true);
    color: fabric-color('info');
  }
}

.foo {
  grid-template-columns: auto 1fr 1fr !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.u-animate--rotate {
  animation: spin 2s linear infinite;
}