Socialify

Folder ..

Viewing _pm-dropdown-logout.scss 
56 lines (47 loc) • 964.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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
.dropDown-logout-button {
	border-radius: $global-border-radius;
	color: var(--color-nav-link, $white);

	&:focus,
	&:hover,
	&[aria-expanded="true"] {
		background-color: $navigation-hover-bg-color;

	}

	&:focus,
	&:hover {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.2);
		}
	}

	&[aria-expanded="true"] {
		.dropDown-logout-initials {
			background-color: rgba(0, 0, 0, 0.5);
		}
	}
}

.dropDown-logout-text {
	margin-top: auto;
	margin-bottom: auto;
}

// yes, but only on HUGE screens for looooooooooong accounts
@include respond-to(1400, 'min') {
	.dropDown-logout-button {
		max-width: 18em;
	}
}

.dropDown-logout-email {
	font-size: 1rem;
}

.dropDown-logout-initials {
	min-width: 2.5em;
	min-height: 2.5em;
	border: 1px solid var(--bordercolor-input, $pm-global-border);
	color: $white;
}

@if $rtl-option == true {
	[dir="rtl"] {
		.dropDown-logout-button > span:first-child {
			margin-left: .5em;
			margin-right: 0;
		}
	}
}