scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fixed linking problems

Browse source
This commit is contained in:
Linda 2018-09-13 10:49:59 -04:00
parent 8a8f3b6da1
commit 35558bfdba
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/views/preview/preview.scss
View file

@ -86,9 +86,10 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
} }
.validation-message { .validation-message {
$arrow-border-width: 1rem;
display: block; display: block;
position: absolute; position: absolute;
z-index: 1;
$arrow-border-width: 1rem;
margin-top: $arrow-border-width; margin-top: $arrow-border-width;
border: 1px solid $active-gray; border: 1px solid $active-gray;
border-radius: 5px; border-radius: 5px;
@ -99,17 +100,16 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
overflow: visible; overflow: visible;
color: $type-white; color: $type-white;
font-size: 1rem; font-size: 1rem;
z-index: 1;
@media #{$medium-and-small} { @media #{$medium-and-small} {
width: 100%;
margin-top: calc($arrow-border-width / 2); margin-top: calc($arrow-border-width / 2);
width: 100%;
} }
&:before { &:before {
display: block; display: block;
position: absolute; position: absolute;
top: -0.5rem; top: -.5rem;
left: calc(50% - calc(#{$arrow-border-width} / 2)); left: calc(50% - calc(#{$arrow-border-width} / 2));
transform: rotate(135deg); transform: rotate(135deg);