remove button, use div instead

This commit is contained in:
Technoboy10 2016-07-06 14:16:08 -04:00
parent 66c3a02340
commit 717a2319b4
2 changed files with 4 additions and 4 deletions

View file

@ -9,7 +9,6 @@ var Page = require('../../../components/page/www/page.jsx');
var FlexRow = require('../../../components/flex-row/flex-row.jsx');
var SubNavigation = require('../../../components/subnavigation/subnavigation.jsx');
var TitleBanner = require('../../../components/title-banner/title-banner.jsx');
var Button = require('../../../components/forms/button.jsx');
require('./landing.scss');
@ -142,7 +141,7 @@ var Landing = injectIntl(React.createClass({
<p>
<FormattedHTMLMessage id="teacherlanding.accountsDescription" />
</p>
<Button><FormattedMessage id="teacherlanding.accountsButton" /></Button>
<div className="coming-soon"><FormattedMessage id="teacherlanding.accountsButton" /></div>
</div>
<img src="/images/teachers/teacher-account.png" alt="teacher account" id="teacher-icon"/>
</div>

View file

@ -230,17 +230,18 @@ $story-width: $cols3;
margin-bottom: 3.5rem;
}
button {
.coming-soon {
border: 2px solid $ui-white;
border-radius: 50px;
box-shadow: none;
background-color: transparent;
cursor: default;
padding: 16px 16px;
width: $cols5 / 2;
text-align: center;
color: $ui-white;
font-size: 16px;
font-weight: 500;
box-sizing: border-box;
&:hover {
box-shadow: none;