fix(assets): revoie la description des émissions
Parent
ccdebe4599
révision
c9973a8f57
|
@ -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;
|
||||
|
|
|
@ -10,6 +10,7 @@
|
|||
h2 {
|
||||
/* stylelint-disable selector-no-qualifying-type */
|
||||
&.title {
|
||||
font-weight: $font-weight-normal;
|
||||
color: $secondary;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 */
|
||||
}
|
||||
}
|
|
@ -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';
|
||||
|
|
|
@ -0,0 +1,11 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
// Émission
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
.radio-show-item {
|
||||
width: 60%;
|
||||
&-date {
|
||||
padding-left: $spacer;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
|
@ -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:
|
||||
|
|
Chargement…
Référencer dans un nouveau ticket