adding alpha warning (#249)
* removing avenir font, using montserrat instead due to licensing issues * removing old import statement for typeography scss file * adding alpha warning
This commit is contained in:
parent
b02b8f99fe
commit
c6ecda4f3a
2 changed files with 17 additions and 0 deletions
|
@ -142,6 +142,7 @@ function Nav(props) {
|
|||
);
|
||||
})()}
|
||||
</ul>
|
||||
<div className="nav__announce">This is a preview version of the editor, that has not yet been officially released. It is in development, you can report bugs <a href="https://github.com/processing/p5.js-web-editor/issues" target="_blank">here</a>. Please use with caution.</div>
|
||||
</nav>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -50,6 +50,7 @@
|
|||
height: auto;
|
||||
}
|
||||
padding-bottom: #{8 / $base-font-size}rem;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nav__item-spacer {
|
||||
|
@ -93,3 +94,18 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.nav__announce {
|
||||
position: absolute;
|
||||
top: #{40 / $base-font-size}rem;
|
||||
right: #{88 / $base-font-size}rem;
|
||||
width: #{398 / $base-font-size}rem;
|
||||
padding: #{5 / $base-font-size}rem 0;
|
||||
text-transform: uppercase;
|
||||
background-color: #ffbc00;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: #{7 / $base-font-size}rem #{8 / $base-font-size}rem;
|
||||
line-height: 145%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue