Popsu-coloque/web/themes/custom/popsu_colloque/css/index.scss

/**
 * @file
 * Presentational styles for Drupal stark theme layout.
 *
 * It is left empty for testing purposes.
 *
 * @see https://www.drupal.org/project/drupal/issues/2349711
 */

@import "variables/var.scss";
@import "mixins/mixin.scss";
@import "./typography.scss";
@import "components/admin/edit.scss";
@import "components/admin/toolbar.scss";

*{
 box-sizing: border-box;
}

body,html{
  font-size: 16px;
  line-height: 1.2;
}

ul,li,ol{
  list-style: none;
}

h1,h2,h3,h4{
  margin: 0;
  padding: 0;
}

@import "components/header/header.scss";
@import "components/header/sub_menu.scss";
@import "components/forms/filter.scss";
@import "components/hero.scss";
@import "components/layout.scss";
@import "components/sidebar/rs.scss";
@import "components/sidebar/role_inter.scss";
@import "components/slides/flickity.scss";
@import "components/slides/slides.scss";
@import "components/thumbnails/thumbnails.scss";
@import "components/btn/all_btn.scss";

main{
  // margin-top: $margin-hero;
}

article img,
.side_notes img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .layout-content > div{
  display: flex;
} */
.side_notes{
  position: relative;
}

.side_notes > *{
  position: absolute;
  width: 300px;
}

.side_notes .d-flex {
  flex-direction: column;
}


// @import "components/thumbnails.scss";