Projet

Général

Profil

0001-caen-position-orange-dots-circle-relative-to-the-con.patch

Thomas Jund, 09 mars 2022 12:55

Télécharger (1,24 ko)

Voir les différences:

Subject: [PATCH] caen: position orange dots circle relative to the content
 (#62388)

 static/caen/_custom.scss | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)
static/caen/_custom.scss
118 118
			left calc(50% - #{$width/2}) top 100px;
119 119
	}
120 120
}
121
// Orange dots
121 122
main {
122
	background-image: url(img/bg-dots-orange.svg);
123
	background-position: top 100vh left -350px;
124
	background-size: 700px;
125
	background-repeat: no-repeat;
126
	@media ($max-mobile-viewport) {
127
		background-size: 400px;
123
	overflow: hidden;
124
}
125
#main-content{
126
	position: relative;
127
	&::before {
128
		content: "";
129
		width: 700px;
130
		height: 700px;
131
		position: absolute;
132
		top: 90vh;
133
		right: 100%;
134
		z-index: -1;
135
		background-image: url(img/bg-dots-orange.svg);
136
		background-position: center;
137
		background-size: 100%;
138
		background-repeat: no-repeat;
139
		@media ($max-mobile-viewport) {
140
			width: 400px;
141
			height: 400px;
142
		}
128 143
	}
129

  
130 144
}
131 145

  
132 146
//
133
-