Skip to content

Commit

Permalink
docs(boostwatch): remove a few useless examples
Browse files Browse the repository at this point in the history
  • Loading branch information
@ffoodd
ffoodd committed May 5, 2020
1 parent ad4e396 commit 10dccbb
Show file tree
Hide file tree
Showing 5 changed files with 38 additions and 141 deletions.
30 changes: 13 additions & 17 deletions site/_includes/boostwatch/buttons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,20 +108,18 @@ <h3 class="mt-5">Dark Background</h3>
</div>

<h3 class="mt-5">Dropdowns</h3>
<div class="btn-toolbar flex-wrap">
<div class="btn-group mr-2">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Primary
<span class="sr-only">menu primary</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</div>

<div class="dropdown">
<button id="dropdown-example" type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Primary
</button>
<ul class="dropdown-menu" aria-labelledby="dropdown-example">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</div>

<h3 class="mt-5">Sizes</h3>
Expand All @@ -131,10 +129,8 @@ <h3 class="mt-5">Sizes</h3>
<button type="button" class="btn btn-secondary btn-sm">Small button</button>
</p>

<p>
<button type="button" class="btn btn-secondary btn-lg btn-block">Block level button</button>
</p>

<button type="button" class="btn btn-secondary btn-lg btn-block my-3">Block level button</button>


<div class="btn-group btn-group-justified mb-2">
Expand Down
12 changes: 2 additions & 10 deletions site/_includes/boostwatch/forms.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,17 +98,9 @@ <h2 id="forms">Forms
</div>
</div>
<div class="form-group row">
<label for="select" class="col-lg-3 col-form-label">Selects</label>
<label for="multiselect" class="col-lg-3 col-form-label">Multiselect</label>
<div class="col-lg-9">
<select class="form-control" id="select">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<br>
<select multiple="multiple" class="form-control" title="Multiselect sample">
<select multiple="multiple" id="multiselect" class="form-control" title="Multiselect sample">
<option>1</option>
<option>2</option>
<option>3</option>
Expand Down
58 changes: 1 addition & 57 deletions site/_includes/boostwatch/indicators.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,63 +2,7 @@
================================================== -->
<h2 id="indicators">Indicators<a class="doc-link d-inline-flex align-items-center ml-2" href="../components/alerts/" title="go to alerts documentation page"></a></h2>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3 class="mt-5">Alerts</h3>
<div class="alert alert-warning alert-dismissible" role="alert">
<span class="alert-icon"><span class="sr-only">Warning</span></span>
<div>
<p>Best check yo self, you're not looking too good.</p>
<p>Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
<p>Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, <a href="#">vel scelerisque nisl consectetur et</a>.</p>
</div>
<button type="button" class="close" data-dismiss="alert">
<span class="sr-only">Close warning message</span>
</button>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="alert alert-danger alert-dismissible" role="alert">
<span class="alert-icon"><span class="sr-only">Danger</span></span>
<div>
<h4 class="alert-heading">Oh snap!</h4>
<p><a href="#">Change a few things up</a> and try submitting again.</p>
</div>
<button type="button" class="close" data-dismiss="alert">
<span class="sr-only">Close alert message</span>
</button>
</div>
</div>
<div class="col-lg-4">
<div class="alert alert-success alert-dismissible" role="alert">
<span class="alert-icon"><span class="sr-only">Success</span></span>
<div>
<h4 class="alert-heading">Well done!</h4>
<p>You successfully read <a href="#">this important alert message</a>.</p>
</div>
<button type="button" class="close" data-dismiss="alert">
<span class="sr-only">Close confirmation message</span>
</button>
</div>
</div>
<div class="col-lg-4">
<div class="alert alert-info alert-dismissible" role="alert">
<span class="alert-icon"><span class="sr-only">Info</span></span>
<div>
<h4 class="alert-heading">Heads up!</h4>
<p>This alert is <a href="#">not super important</a>.</p>
</div>
<button type="button" class="close" data-dismiss="alert">
<span class="sr-only">Close information message</span>
</button>
</div>
</div>
</div>
</div>
<div class="container">
<h3 class="d-flex mt-5">Orange Alerts <a class="doc-link d-inline-flex align-items-center ml-2" href="../components/alerts/" title="go to Alerts documentation page"></a></h3>
<h3 class="d-flex mt-5">Alerts <a class="doc-link d-inline-flex align-items-center ml-2" href="../components/alerts/" title="go to Alerts documentation page"></a></h3>
<div class="alert alert-success alert-dismissible fade show" role="alert">
<span class="alert-icon"><span class="sr-only">Success</span></span>
<p>Your changes have been saved.</p>
Expand Down
64 changes: 10 additions & 54 deletions site/_includes/boostwatch/navbar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,12 +15,12 @@ <h2 id="navbar">Navbar<a class="doc-link d-inline-flex align-items-center ml-2"
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu3">Dropdown</a>
<div class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
<a href="#" role="menuitem" class="dropdown-item">Action</a>
<a href="#" role="menuitem" class="dropdown-item">Another action</a>
<a href="#" role="menuitem" class="dropdown-item">Something else here</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenu3">
<a href="#" class="dropdown-item">Action</a>
<a href="#" class="dropdown-item">Another action</a>
<a href="#" class="dropdown-item">Something else here</a>
<div class="dropdown-divider"></div>
<a href="#" role="menuitem" class="dropdown-item">Separated link</a>
<a href="#" class="dropdown-item">Separated link</a>
</div>
</li>
</ul>
Expand All @@ -30,56 +30,12 @@ <h2 id="navbar">Navbar<a class="doc-link d-inline-flex align-items-center ml-2"
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu4">Dropdown</a>
<div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu4">
<a href="#" role="menuitem" class="dropdown-item">Action</a>
<a href="#" role="menuitem" class="dropdown-item">Another action</a>
<a href="#" role="menuitem" class="dropdown-item">Something else here</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu4">
<a href="#" class="dropdown-item">Action</a>
<a href="#" class="dropdown-item">Another action</a>
<a href="#" class="dropdown-item">Something else here</a>
<div class="dropdown-divider"></div>
<a href="#" role="menuitem" class="dropdown-item">Separated link</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<h3>without logo</h3>
<nav role="navigation" class="navbar navbar-dark bg-dark navbar-expand-md">
<div class="container">
<a class="navbar-brand" href="#"><span>Navbar brand</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsing-navbar2" aria-controls="collapsing-navbar2" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse justify-content-between collapse" id="collapsing-navbar2">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#" aria-current="page">Active <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu5">Dropdown</a>
<div class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu5">
<a href="#" role="menuitem" class="dropdown-item">Action</a>
<a href="#" role="menuitem" class="dropdown-item">Another action</a>
<a href="#" role="menuitem" class="dropdown-item">Something else here</a>
<div class="dropdown-divider"></div>
<a href="#" role="menuitem" class="dropdown-item">Separated link</a>
</div>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" id="dropdownMenu6">Dropdown</a>
<div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu6">
<a href="#" role="menuitem" class="dropdown-item">Action</a>
<a href="#" role="menuitem" class="dropdown-item">Another action</a>
<a href="#" role="menuitem" class="dropdown-item">Something else here</a>
<div class="dropdown-divider"></div>
<a href="#" role="menuitem" class="dropdown-item">Separated link</a>
<a href="#" class="dropdown-item">Separated link</a>
</div>
</li>
</ul>
Expand Down
15 changes: 12 additions & 3 deletions site/_includes/boostwatch/ofooter.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,18 @@ <h2 class="sr-only">Site map & informations</h2>
<div class="o-footer-top">
<div class="container-fluid">
<div class="row">
<ul class="nav">
<li class="nav-item"><span class="nav-link">Follow us</span></li>
</ul>
<ul class="nav align-items-center">
<li class="nav-item"><span class="nav-link">Follow us:</span></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-twitter" href="#"><span class="sr-only">Twitter</span></a></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-facebook" href="#"><span class="sr-only">Facebook</span></a></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-instagram" href="#"><span class="sr-only">Instagram</span></a></li>
<li class="nav-item"> <a class="nav-link btn btn-social btn-whatsapp" href="#"><span class="sr-only">Whatsapp</span></a></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-linkedin" href="#"><span class="sr-only">Linkedin</span></a></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-youtube" href="#"><span class="sr-only">YouTube</span></a></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-snapchat" href="#"><span class="sr-only">Snapchat</span></a></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-pinterest" href="#"><span class="sr-only">Pinterest</span></a></li>
<li class="nav-item"><a class="nav-link btn btn-social btn-mail" href="#"><span class="sr-only">Mail</span></a></li>
</ul>
</div>
</div>
</div>
Expand Down

0 comments on commit 10dccbb

Please sign in to comment.