Skip to content

Commit

Permalink
fix(doc): buttons presentation
Browse files Browse the repository at this point in the history 
boostwatch page
  • Loading branch information
@ygatesoupe
ygatesoupe committed Jun 22, 2016
1 parent 4c58c34 commit 34edf59
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 41 deletions.
82 changes: 42 additions & 40 deletions docs-orange/_includes/boostwatch/buttons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,44 +2,46 @@
================================================== -->

<h2 id="buttons">Buttons</h2>
<h3>Default</h3>
<p>
<button type="button" class="btn btn-secondary">Submit</button>
<button type="button" class="btn btn-info">Submit</button>
<button type="button" class="btn btn-primary">Buy now</button>
<button type="button" class="btn btn-success">Save</button>
<button type="button" class="btn btn-danger">Delete</button>
</p>

<h3>Hover</h3>
<p>
<button type="button" class="btn btn-info" style="pointer-events: none;">Submit</button>
<button type="button" class="btn btn-secondary" style="pointer-events: none;">Submit</button>
<button type="button" class="btn btn-info" style="pointer-events: none;">Buy now</button>
<button type="button" class="btn btn-info" style="pointer-events: none;">Save</button>
<button type="button" class="btn btn-info" style="pointer-events: none;">Delete</button>
</p>

<h3>Pressed</h3>
<p>
<button type="button" class="btn btn-secondary active">Submit</button>
<button type="button" class="btn btn-info active">Submit</button>
<button type="button" class="btn btn-primary active">Buy now</button>
<button type="button" class="btn btn-success active">Save</button>
<button type="button" class="btn btn-danger active">Delete</button>
</p>

<h3>Disabled</h3>
<p>
<button type="button" class="btn btn-secondary" disabled>Submit</button>
<button type="button" class="btn btn-info" disabled>Submit</button>
<button type="button" class="btn btn-primary" disabled>Buy now</button>
<button type="button" class="btn btn-success" disabled>Save</button>
<button type="button" class="btn btn-danger" disabled>Delete</button>
</p>
<div id="buttons_default">
<h3>Default</h3>
<p>
<button type="button" class="btn btn-secondary">Submit</button>
<button type="button" class="btn btn-info">Submit</button>
<button type="button" class="btn btn-primary">Buy now</button>
<button type="button" class="btn btn-success">Save</button>
<button type="button" class="btn btn-danger">Delete</button>
</p>

<h3>Hover</h3>
<p>
<button type="button" class="btn btn-info" style="pointer-events: none;">Submit</button>
<button type="button" class="btn btn-secondary" style="pointer-events: none;">Submit</button>
<button type="button" class="btn btn-info" style="pointer-events: none;">Buy now</button>
<button type="button" class="btn btn-info" style="pointer-events: none;">Save</button>
<button type="button" class="btn btn-info" style="pointer-events: none;">Delete</button>
</p>

<h3>Pressed</h3>
<p>
<button type="button" class="btn btn-secondary active">Submit</button>
<button type="button" class="btn btn-info active">Submit</button>
<button type="button" class="btn btn-primary active">Buy now</button>
<button type="button" class="btn btn-success active">Save</button>
<button type="button" class="btn btn-danger active">Delete</button>
</p>

<h3>Disabled</h3>
<p>
<button type="button" class="btn btn-secondary" disabled>Submit</button>
<button type="button" class="btn btn-info" disabled>Submit</button>
<button type="button" class="btn btn-primary" disabled>Buy now</button>
<button type="button" class="btn btn-success" disabled>Save</button>
<button type="button" class="btn btn-danger" disabled>Delete</button>
</p>
</div>

<div style="background-color: black; padding: 2rem;">
<h3 id="default-black-bg" style="color: white;">Default</h3>
<div id="buttons_inverse">
<h3 id="default-black-bg">Default</h3>
<p>
<button type="button" class="btn btn-inverse btn-secondary">Submit</button>
<button type="button" class="btn btn-inverse btn-info">Submit</button>
Expand All @@ -48,7 +50,7 @@ <h3 id="default-black-bg" style="color: white;">Default</h3>
<button type="button" class="btn btn-inverse btn-danger">Delete</button>
</p>

<h3 id="hover-black-bg" style="color: white;">Hover</h3>
<h3 id="hover-black-bg">Hover</h3>
<p>
<button type="button" class="btn btn-inverse btn-info" style="pointer-events: none;">Submit</button>
<button type="button" class="btn btn-inverse btn-secondary" style="pointer-events: none;">Submit</button>
Expand All @@ -57,7 +59,7 @@ <h3 id="hover-black-bg" style="color: white;">Hover</h3>
<button type="button" class="btn btn-inverse btn-secondary" style="pointer-events: none;">Delete</button>
</p>

<h3 id="pressed-black-bg" style="color: white;">Pressed</h3>
<h3 id="pressed-black-bg">Pressed</h3>
<p>
<button type="button" class="btn btn-inverse btn-secondary active">Submit</button>
<button type="button" class="btn btn-inverse btn-info active">Submit</button>
Expand All @@ -66,7 +68,7 @@ <h3 id="pressed-black-bg" style="color: white;">Pressed</h3>
<button type="button" class="btn btn-inverse btn-danger active">Delete</button>
</p>

<h3 id="disabled-black-bg" style="color: white;">Disabled</h3>
<h3 id="disabled-black-bg">Disabled</h3>
<p>
<button type="button" class="btn btn-inverse btn-secondary" disabled>Submit</button>
<button type="button" class="btn btn-inverse btn-info" disabled>Submit</button>
Expand Down
20 changes: 19 additions & 1 deletion docs-orange/assets/scss/_boosted-docs.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -315,4 +315,22 @@ $back-top-btn-height: 3.75rem;
padding: 0;
position: absolute;
width: 1px;
}
}

// boostwatch

// buttons dipslay
#buttons_default,
#buttons_inverse {
padding-left: 1.25rem;

button {
margin-right: .625rem;
}
}

#buttons_inverse {
color: #fff;
background-color: #000;
padding: 1.25rem;
}

0 comments on commit 34edf59

Please sign in to comment.