Skip to content

Instantly share code, notes, and snippets.

@shaunandrews
Created November 25, 2014 18:32
Show Gist options
  • Save shaunandrews/60b0b86f841c58d514f5 to your computer and use it in GitHub Desktop.
Save shaunandrews/60b0b86f841c58d514f5 to your computer and use it in GitHub Desktop.
// The Site Switcher
.wpcom-sidebar .wpcom-site-switcher {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 110px;
transition: all 0.15s ease-in-out;
#wpcom.mockup & {
top: 44px;
right: 30px;
bottom: 30px;
left: 30px;
}
@include responsive(one-col) {
position: relative;
height: auto;
}
.current-selected-site {
position: relative;
padding: 15px 15px 15px 70px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
img {
position: absolute;
top: 15px;
left: 15px;
height: 40px;
width: 40px;
}
strong {
color: $dark-blue;
font-size: 14px;
display: block;
margin: 0 0 0px 0;
&.all-my-sites:before {
@include noticon( '\f808', 64px );
position: absolute;
top: 0;
left: 3px;
color: $text-gray;
}
}
small {
color: $text-gray;
font-size: 12px;
font-style: italic;
display: block;
a {
display: inline;
padding: 0;
background: transparent;
color: $text-gray;
&:hover {
color: $wordpress-blue;
}
}
}
p {
margin: 5px 0 0 0;
font-size: 13px;
color: $text-gray;
a {
display: inline-block;
padding: 0;
background: transparent;
}
span {
display: inline-block;
margin: 0 5px;
}
}
}
.all-site-gravatars {
display: none;
position: absolute;
top: 15px;
left: 15px;
height: 40px;
width: 40px;
li {
margin: 0;
position: absolute;
height: 18px;
width: 18px;
&.site-grav-1 {
top: 0;
left: 0;
}
&.site-grav-2 {
top: 0;
left: 22px;
}
&.site-grav-3 {
top: 21px;
left: 0;
}
&.site-grav-4 {
top: 21px;
left: 22px;
}
}
img {
height: 18px;
width: 18px;
}
}
li.menu-switch {
margin: 0;
a {
background: rgba( $light-gray, 0.4 );
font-size: 14px;
padding-left: 42px;
position: relative;
&:before {
@include noticon( '\f432', 16px );
position: absolute;
top: 13px;
left: 13px;
color: $text-gray;
transform: rotate( -90deg );
transition: none !important;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment