CSS snippets

css_snippets.css

/* Backgrounds */
.full-background-whithout-wrapper {
  border-image: conic-gradient(pink 0 0) fill 0//0 100vw;
}

/* Overlay */
.overlay {
  border-image: fill 0 linear-gradient(#0003,#000); 
}

/* Underline text */
.underline_text{
  border-image: linear-gradient(0deg,#c32e2e 5px,#0000 0) fill 0//0 0 0 100vw;
  width: fit-content;
}

/* Image default */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	/* use with image-background as image placeholder */
  background-repeat: no-repeat;
	background-size: cover;
  /* space between image and surranding text */
	shape-margin: 0.75rem;
}