mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-10 07:02:39 +00:00
New navbar is done for the homepage, looking really good
This commit is contained in:
@@ -2,13 +2,27 @@ var React = require('react');
|
||||
var _ = require('lodash');
|
||||
var cx = require('classnames');
|
||||
|
||||
var COM = React.createClass({
|
||||
|
||||
var Nav = require('naturalCrit/nav/nav.jsx');
|
||||
|
||||
|
||||
|
||||
var Navbar = React.createClass({
|
||||
|
||||
render : function(){
|
||||
return <div className='COM'>
|
||||
COM Ready!
|
||||
</div>
|
||||
return <Nav.base>
|
||||
<Nav.section>
|
||||
<Nav.logo />
|
||||
<Nav.item href='/homebrew' className='homebrewLogo'>
|
||||
<div>The Homebrewery</div>
|
||||
</Nav.item>
|
||||
</Nav.section>
|
||||
|
||||
<Nav.section>
|
||||
{this.props.children}
|
||||
</Nav.section>
|
||||
</Nav.base>
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = COM;
|
||||
module.exports = Navbar;
|
||||
|
||||
@@ -1,3 +1,19 @@
|
||||
.COM{
|
||||
.homebrew nav{
|
||||
|
||||
.homebrewLogo{
|
||||
.animate(color);
|
||||
font-family : CodeBold;
|
||||
font-size: 12px;
|
||||
|
||||
div{
|
||||
margin-top: 3px;
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
|
||||
color : white;
|
||||
&:hover{
|
||||
color : @blue;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user