Added styles for different squares
This commit is contained in:
parent
5e17a54875
commit
8bd405af9b
2 changed files with 16 additions and 4 deletions
|
@ -8,8 +8,8 @@ var projectImage = React.createClass({
|
|||
var animationClass = this.props.isHovered ? 'zoomIn' : 'zoomOut';
|
||||
return (
|
||||
<Col sm={4}>
|
||||
<div className="wrapper" >
|
||||
<div className={"project " + this.props.data.className}
|
||||
<div className={"wrapper " + this.props.data.className}>
|
||||
<div className="project"
|
||||
onMouseOver={this.props.onHover}
|
||||
onMouseLeave={this.props.onLeave} >
|
||||
<div className={"animated " + animationClass}>
|
||||
|
|
|
@ -112,14 +112,26 @@ ol , ul{
|
|||
.wrapper {
|
||||
color: white;
|
||||
margin: 0 auto;
|
||||
background-color: red;
|
||||
.box-shadow(0px 4px 5px 2px rgba(0,0,0,0.7));
|
||||
cursor: pointer;
|
||||
background-size: contain;
|
||||
.box-shadow(0px 4px 5px 2px rgba(0,0,0,0.7));
|
||||
|
||||
&:hover .project {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.college {
|
||||
background-color: red;
|
||||
}
|
||||
&.personal {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
&.work {
|
||||
background-image: url(http://www.recommendedagencies.com/images/logos/dabapps-logo-1432733278.jpg);
|
||||
}
|
||||
|
||||
|
||||
& .project {
|
||||
padding: 25px;
|
||||
.transition(~"opacity 0.5s ease-in");
|
||||
|
|
Reference in a new issue