arles-2020: delete custom OU separator (#54507)

static/arles-2020/_custom.scss

@@ -8,31 +8,6 @@ $mobile-header-height: 80px;
 	background: #ccc;
 }
 
-%ou {
-	border-left: 1px solid #ccc;
-	@media screen and ($max-mobile-viewport) {
-		border-top: 1px solid #ccc;
-		border-left: 0;
-	}
-	&::after {
-		position: absolute;
-		right: calc(100% - 1.5rem);
-		top: calc(50% - 1em);
-		color: #666;
-		content: 'OU';
-		background: #fff;
-		display: block;
-		width: 3rem;
-		height: 3rem;
-		text-align: center;
-		line-height: 3rem;
-		@media screen and ($max-mobile-viewport) {
-			left: calc(50% - 1.5rem);
-			top: - 1.5rem;
-		}
-	}
-}
-
 .site-header {
 	background: #fff;
 }
@@ -569,15 +544,13 @@ label[for="id_remember_me"] {
 					width: 50%;
 				}
 				&.first-login {
-					position: relative;
+					padding-right: 0;
 					@media screen and ($max-mobile-viewport) {
 						padding-right: 1rem;
 					}
-					@extend %ou;
 				}
 			}
 		}
-		@extend %ou;
 	}
 }
 
@@ -588,7 +561,6 @@ div.first-login {
 }
 
 #frontend-registration-fc + #frontend-registration-email {
-	@extend %ou;
 	@media screen and ($max-mobile-viewport) {
 		padding: 2em 0;
 	}

templates/variants/arles-2020/authentic2/login_password_form.html

@@ -15,7 +15,7 @@
 </div>
 </div>
 {% if registration_authorized %}
-<div class="first-login">
+<div class="first-login block">
 <h3>Je me connecte pour la première fois</h3>
 <p>
   <a class="pk-button" href="{{ registration_url }}{% if request.GET.next %}?next={{ request.GET.next|urlencode }}{% endif %}" >Je crée mon compte</a>