globals.scss

@tailwind base;
@tailwind components;
@tailwind utilities;

// === SETUP ===
@import 'setup/normalize';
@import 'setup/typography';
@import 'setup/variables';
@import '~bootstrap/scss/bootstrap';

// === BASICS ===
@import 'basics/button';
@import 'basics/card';
@import 'basics/cardSlider';
@import 'basics/effects';
@import 'basics/input';
@import 'basics/link';
@import 'basics/slider';
@import 'basics/divider';

// === COMPONENTS ===
@import 'layout/layout';

@import 'components/nav';
@import 'components/titleCard';

@import 'components/imageUploadForm';
@import 'components/multipageForm';
@import 'components/locationForm';

@import 'components/ExploreComponents/LayersControl';
@import 'components/ExploreComponents/MapCard';
@import 'components/ExploreComponents/FilterCard';

@import 'components/FilterParts';
@import 'components/ObjectCard';
@import 'components/dialogue';
@import 'components/info';

// === PAGES ===
@import 'pages/index';
@import 'pages/contribute';
@import 'pages/discover.scss';
@import 'pages/explore.scss';
@import 'pages/download.scss';
@import 'pages/about.scss';

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::selection {
  color: $c-white;
  background-color: $c-primary-dark;
}

html,
body,
textarea,
select,
input,
button {
  font-family: $font-main;
  line-height: 100%;
  color: $c-black;
}

html {
  overflow-x: hidden;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p,
ul,
li {
  color: $c-primary-dark;
}

button {
  color: $c-primary-dark;
}