docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tweaked positive button.

This commit is contained in:
Sean Li 2015-05-26 17:09:01 -07:00
parent 297ae5a605
commit 12be1c7dd4
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ImageCard.react.js
View File

@ -169,7 +169,7 @@ var ImageCard = React.createClass({
<span className="text" onClick={self.handleTagOverlayClick.bind(self, this.props.image.name)} data-name={this.props.image.name}>{this.state.chosenTag}</span> <span className="text" onClick={self.handleTagOverlayClick.bind(self, this.props.image.name)} data-name={this.props.image.name}>{this.state.chosenTag}</span>
</div> </div>
<div className="action"> <div className="action">
<a className="btn btn-action" onClick={self.handleClick}>Create</a> <a className="btn btn-action btn-positive" onClick={self.handleClick}>Create</a>
</div> </div>
</div> </div>
</div> </div>

10
styles/theme.less
View File

@ -193,6 +193,16 @@ input[type="text"] {
} }
.btn-positive { .btn-positive {
.btn-styles(@brand-positive); .btn-styles(@brand-positive);
&:hover,
&:focus {
border-color: darken(@brand-positive, 7%);
color: darken(@brand-positive, 7%);
}
&:active {
background-color: lighten(@brand-positive, 53%);
border-color: darken(@brand-positive, 7%);
color: darken(@brand-positive, 7%);
}
} }
.btn-default { .btn-styles(@btn-default-bg); } .btn-default { .btn-styles(@btn-default-bg); }
.btn-primary { .btn-styles(@btn-primary-bg); } .btn-primary { .btn-styles(@btn-primary-bg); }