Socialify

Folder ..

Viewing _pm-choose-account.scss
40 lines (31 loc) • 723.0 B

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/*
 * Choose account SSO
 */



.button-account-container {
	border: 1px solid var(--bordercolor-input, $pm-global-muted); // inconsistent with borders...
	max-height: 50vh;
	@include respond-to($breakpoint-small) {
		max-height: none;
	}
}

.button-account-container-inner {
	border-right: 1px solid var(--bordercolor-input, $pm-global-muted); // inconsistent with borders...
}

.button-account {

    &-login {
		transition: opacity .35s easing(easeInOut), visibility 0s;
		opacity: 0;
		width: 0;
		transition-delay: 0s, .35s;
	}

	&:focus,
	&:hover,
	&:active {
		background-color: var(--bgcolor-input, $pm-input-background);

		.button-account-login {
			opacity: 1;
			width: auto;
			transition-delay: 0s;
		}

	}
}