/** * @file * Presentational styles for Drupal stark theme layout. * * It is left empty for testing purposes. * * @see https://www.drupal.org/project/drupal/issues/2349711 */ // configs @import "configs/var.scss"; @import "configs/mixin.scss"; @import "configs/typography.scss"; @import "configs/global.scss"; @import "configs/animation.scss"; // Lib Js @import "hamburgers/hamburgers.scss"; // Pages @import "pages/layout.scss"; @import "pages/front.scss"; @import "pages/presentation.scss"; @import "pages/programme.scss"; @import "pages/ressources.scss"; @import "pages/informations.scss"; @import "pages/moments.scss"; @import "pages/publications.scss"; @import "pages/intervenants.scss"; @import "pages/node_participants.scss"; @import "pages/search.scss"; // @import "pages/_changement-2024.scss"; // components @import "components/components.scss"; .no-flexbox .box { color: red; } .flexbox .box { color: green; } article img, .side_notes img{ width: 100%; height: 100%; object-fit: cover; } .layout-content{ width: 100%; } #presentation{ .__wrapper{ .__wrap_side{ position: inherit; @media screen and (min-width: 768px){ position: relative; } .notes{ & > div{ position: absolute; margin-top: 2rem; @media screen and (min-width: 768px){ margin-top: -2rem; } &> div{ background: white; padding: 0.5rem; p{ font-family: 'cormorantBold'; margin: 0; color: $color2; } } } .close{ cursor: pointer; background: $color2; position: absolute; top: -12px; left: -15px; width: 30px; height: 27px; &::after{ content: "+"; color: white; display: block; margin: auto; text-align: center; transform: rotate(45deg); margin-top: -6px; } } } } } } .side_notes{ position: absolute; width: calc(100% - 30px); left: 30px; width: calc(100% - 45px); @media screen and (min-width: 768px){ margin-top: -3rem; } .wrap{ position: relative; width: max-content; .__hero{ margin: 0!important; height: 200px; max-width: 300px; .__img{ height: 200px; img{ width: auto; height: 100%; } } } .__head{ background: white; padding: 0.5rem; width: max-content; min-width: 300px; & > *{ font-family: 'cormorantBold'; color: $color2; display:inline; } } .thumbnails.bibliographie{ width: 100%; } } .close{ cursor: pointer; background: $color2; position: absolute; top: -12px; left: -15px; width: 30px; height: 27px; &::after{ content: "+"; color: white; display: block; margin: auto; text-align: center; transform: rotate(45deg); } } } .side_notes *{ margin: 0 0 0 0; padding: 0; flex: 100%; max-width: 100%; } // tac #tarteaucitronRoot{ #tarteaucitronDisclaimerAlert, #tarteaucitronPersonalize, #tarteaucitronCloseAlert, #tarteaucitronPrivacyUrl, #tarteaucitronInfo, .tarteaucitronH1, .tarteaucitronH2, button, li span, li a{ font-family: 'truenoregular'!important; } } // reveal .__img-hero, .participant_full .__img, .participant_full figcaption, .home #txt_present, article#presentation, #block-shadow_participantsviews-block-slide-programme-block-1, #block-shadow_participantsviews-block-dernieres-publications-block-1, .__ressources > *, article#presentation p, .letter-sort, .participant_full .content > *, .programme.container, .programme .thumbnails, .views.__publications .thumbnails, .les_intervenants .thumbnails_participants, #moments .__title, #moments .__wrapper, #moments .__wrap_content .__content > *, #moments .__wrap_side{ visibility: hidden; }