fix(assets): revoie la description des émissions

pull/2/head
Antoine 2021-10-25 16:08:44 +02:00
Parent ccdebe4599
révision c9973a8f57
6 fichiers modifiés avec 26 ajouts et 37 suppressions

Voir le fichier

@ -60,4 +60,4 @@ $font-family-sans-serif: 'Open Sans';
$headings-font-family: $font-family-sans-serif;
$h1-font-size: 3rem;
$h2-font-size: 2.5rem;
$h2-font-size: 2.25rem;

Voir le fichier

@ -10,6 +10,7 @@
h2 {
/* stylelint-disable selector-no-qualifying-type */
&.title {
font-weight: $font-weight-normal;
color: $secondary;
}
}

Voir le fichier

@ -1,29 +0,0 @@
// -----------------------------------------------------------------------------
// description component's extension
// -----------------------------------------------------------------------------
.desc {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding-top: 550px; /* uniquement pour lisibilité sur le styleguide */
width: 60%;
}
h3 {
color: $grey;
}
.desc > time {
font-size: larger;
position: relative;
align-self: flex-end;
bottom: 35px;
}
/* mise en place des règles css pour un pit écran: */
@include media-breakpoint-down(lg) {
.titre {
display: none; /* uniquement pour lisibilité sur le styleguide */
}
}

Voir le fichier

@ -19,7 +19,6 @@
@import 'components/forms';
@import 'components/cards';
@import 'components/header';
@import 'components/desc';
// Page-specific styles
//@import "pages/home";
@import 'pages/radioshow';

Voir le fichier

@ -0,0 +1,11 @@
// -----------------------------------------------------------------------------
// Émission
// -----------------------------------------------------------------------------
.radio-show-item {
width: 60%;
&-date {
padding-left: $spacer;
text-align: right;
}
}

Voir le fichier

@ -1817,14 +1817,21 @@
<div> </div> <!--ajout uniquement pour question de lisibilité sur le styleguide-->
<h3 class="titre">description</h3>
<h3 class="titre">Émission</h3>
<!--descrption d'un élément, ce qu'il souvre en cliquant sur une card correspondante-->
<div class="desc">
<h3 class="text-uppercase fw-bolder">Iudicium rerum Eusebius temptata non</h3>
<h4 class="fw-bolder">recreati et quiete, postquam abierat timor</h4>
<time class="fw-bolder" datetime="2021-06-04">4/06/2021</time>
<div class="radio-show-item">
<h2 class="title">Les gardiens de la BD</h2>
<div class="row">
<div class="col">
<h3 class="title">Épisode 199: les gardiens ont un coeur</h3>
</div>
<div class="col-2">
<time class="radio-show-item-date h3 title" datetime="2021-06-04">4/06/2021</time>
</div>
</div>
<p> quae casu propinquabant, nec resistere planitie porrecta conati digressi sunt retroque concedentes, quae casu propinquabant, nec resistere</p>
<ul class="list-unstyled"> Les titres de la semaine: