123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- .page-ressources{
- h1{
- width: 80%;
- margin: auto;
- font-weight: 1000;
- }
- .view-ressources{
- flex-direction: row;
- padding: 5rem;
- width: 80%;
- margin: auto;
- #views-exposed-form-ressources-page-1{
- width: 100%;
- // margin: auto;
- display: grid;
- grid-template-columns: repeat(8, 1fr);
- grid-template-rows: repeat(3, 1fr);
- padding: 1rem;
- &::before{
- content: 'FILTRER :';
- grid-column: 1;
- grid-row: 1;
- }
- .form-item, .form-actions{ margin: 1rem;align-self: end;}
- .form-item-title{
- grid-column: 1 /span 8;
- grid-row: 1;
- }
- .js-form-item-field-site-target-id{
-
- grid-column: 1 /span 2;
- grid-row: 2;
- width: 45%;
- }
- .form-item-field-themes-target-id{
- grid-column: 3 /span 4;
- grid-row: 2;
- width: 45%;
- }
- .form-item-field-type-de-ressource-target-id{
- width: 45%;
- grid-column: 5 /span 6;
- grid-row: 2;
- }
-
- #edit-actions{
- grid-column: 7 /span 8;
- grid-row: 2;
- .form-submit{
- margin: 0;
- }
- }
- }
- .views-row{
- .node-type-ressource{
- width: 80%;
- margin: auto;
-
- .image-ressource{
- order: 1;
- width: 90%;
- margin: auto;
- img{
- width: 100%;
- height: auto;
- }
- }
- .infos-content{
- display: flex;
- flex-direction: column;
- border: solid $yellow-puca 1px;
- background-color: $white-button;
- padding: 1rem;
- h2{
- order: 2;
- margin: 0;
- font-size: 1.5rem;
- font-weight: 600;
- }
- .field--name-field-sous-titre {
- order: 3;
- font-size: 1.3rem;
- // line-height: 0.3rem;
- }
- .field--name-field-auteur{
- order: 4;
- font-weight: 900;
- padding-top: 1rem;
- }
-
- .field--name-field-type-de-ressource{
- order: 1;
- text-transform: uppercase;
- font-size: 1.2rem;
- }
- .field--name-field-site{
- order: 5;
- background-color: $gris-violet;
- color: white;
- border-radius: 50px;
- width: fit-content;
- padding: 0.2rem 0.9rem;
- margin-top: 1rem;
- .field__item{
- display: inline;
- }
- a{
- color: white;
- font-weight: 900;
- font-size: 0.8rem;
- vertical-align: top;
- }
- }
- ul.links{
- order: 6;
- display: none;
- }
- }
-
-
- }
-
- }
- .pagination{
- width: 100%;
- }
- }
-
- }
|