Skip to content

Commit

Permalink
Poor attempt at the blue pulsating dot
Browse files Browse the repository at this point in the history
  • Loading branch information
noisysocks committed May 9, 2018
1 parent 4b9ff4d commit 950091a
Showing 1 changed file with 30 additions and 0 deletions.
30 changes: 30 additions & 0 deletions editor/components/new-user-tip/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,41 @@
.components-popover__content {
padding: 5px ( $close-button-size + 5px ) 5px 10px;
width: 350px;
margin-top: 15px; // TODO: This only works for .is-top
}

.editor-new-user-tip__close {
position: absolute;
right: 0;
top: 0;
}

// Extra specificity lets us easily override the popover styles
&:not(.is-mobile).is-top,
&:not(.is-mobile).is-bottom {
margin: 0;

&:before {
display: none;
}

&:after {
animation: pulse 1.6s infinite cubic-bezier( .62, .2, .86, .53 );
background: $blue-wordpress;
border-radius: 100%;
border: none;
box-shadow: 0 0 0 0 rgba( 200, 215, 255, 0.7 );
height: 10px;
margin: 0;
width: 10px;
top: -5px;
left: -5px;
}

@keyframes pulse {
100% {
box-shadow: 0 0 0 10px rgba( 0, 115, 170, 0 );
}
}
}
}

0 comments on commit 950091a

Please sign in to comment.