1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- .path-centre-de-ressources{
- background-color: rgb(242, 246, 252);
- .content_container{
- &>div>h2:first-child{
- text-align: center;
- }
- }
-
- form{
- display: grid;
- grid-template-columns: 10% repeat(4, 20%);
- &>div:first-child{
- grid-column-start: 2;
- }
- select{
- display: inline-block;
- width: auto;
- width: 100%;
- font-size: $font-normal;
- padding: .3rem .1rem;
- height: auto;
- }
- div{
- display: inline-block;
- width: auto;
- padding: .5rem 1rem;
- }
- }
- .views-view-grid{
- .views-row{
- display: grid;
- grid-template-columns: 10% 20% 20% 20% 20% 10%;
- .views-col:first-child{
- grid-column-start: 2;
- }
- }
- .views-col{
- a{
- text-decoration: none;
- }
- background-color: rgb(255, 255, 255);
- background-clip: content-box;
- width: 100% !important;
- padding: .3rem;
- .views-field:not(:first-child){
- padding: 0 0 0 .4rem;
- }
- .views-field-field-programme{
- font-weight: 600;
- display: inline-block;
- width: auto;
- color: white;
- background: red;
- padding: .15rem .3rem;
- margin-bottom: 1rem;
- }
- .views-field-field-type-de-ressource{
- text-transform: uppercase;
- font-size: 500;
- margin-bottom: .5rem;
- }
- .views-field-title{
- font-style: italic;
-
- }
- .views-field-field-sous-titre{
- margin-bottom: 1rem;
- }
- .views-field-field-theme{
- font-size: $font-small;
- }
- }
- }
-
- }
|