popsu-d9/web/themes/custom/popsu/sass/pages/_ressources.scss

.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: 600;
				margin-bottom: .5rem;
				font-size: $font-small;
			}
			.views-field-title{
				font-style: italic;
				
			}
			.views-field-field-sous-titre{
				margin-bottom: 1rem;
			}
			.views-field-field-theme{
				font-size: $font-small;
			}
		}

	}
	
}