Skip to content

C
coopwire-hypothesis
Commit 1f850d1f authored by Randall Leeds's avatar Randall Leeds
Browse files
Options

more attractive dropdown triangle

parent c18ba133
Hide whitespace changes
Inline Side-by-side
Showing with 13 additions and 14 deletions
h/css/common.scss
View file @ 1f850d1f
...@@ -363,28 +363,27 @@ blockquote { ...@@ -363,28 +363,27 @@ blockquote {
} }
// These psuedo-elements add the speech bubble tail / triangle. // These psuedo-elements add the speech bubble tail / triangle.
&:before { &:before, &:after {
content: ''; @include rotateZ(360deg);
border-color: transparent transparent $grayLighter transparent; border-color: transparent;
border-style: solid; border-style: solid;
border-width: 0 .5em .625em .5em; content: '';
position: absolute; position: absolute;
left: .35em;
height: 0; height: 0;
width: 0; width: 0;
top: -.625em; }
left: .5em;
&:before {
border-bottom-color: $grayLighter;
border-width: 0 .5em .625em .5em;
top: -.675em;
} }
&:after { &:after {
content: ''; border-bottom-color: $white;
border-color: transparent transparent $white transparent;
border-style: solid;
border-width: 0 .5em .625em .5em; border-width: 0 .5em .625em .5em;
position: absolute;
height: 0;
width: 0;
top: -.525em; top: -.525em;
left: .5em;
z-index: 3; z-index: 3;
} }
...@@ -397,7 +396,7 @@ blockquote { ...@@ -397,7 +396,7 @@ blockquote {
// Align the tail // Align the tail
&:before, &:after { &:before, &:after {
left: auto; left: auto;
right: .5em; right: .35em;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment