thelilfrog/startbootstrap-sb-admin-2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #255 from weiserhei/master

Browse Source 
Add missing colors to examples
This commit is contained in:
David Miller
2020-01-14 18:15:09 -05:00
committed by GitHub
parent d02f059e53 bf4f375444
commit 29f20aacc2
3 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -575,6 +575,22 @@
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card bg-light text-black shadow">
<div class="card-body">
Light
<div class="text-black-50 small">#f8f9fc</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card bg-dark text-white shadow">
<div class="card-body">
Dark
<div class="text-white-50 small">#5a5c69</div>
</div>
</div>
</div>
</div>
</div>

24
utilities-border.html
View File

@@ -347,6 +347,12 @@
</div>
</div>
<div class="card mb-4 py-3 border-left-secondary">
<div class="card-body">
.border-left-secondary
</div>
</div>
<div class="card mb-4 py-3 border-left-success">
<div class="card-body">
.border-left-success
@@ -371,6 +377,12 @@
</div>
</div>
<div class="card mb-4 py-3 border-left-dark">
<div class="card-body">
.border-left-dark
</div>
</div>
</div>
<!-- Border Bottom Utilities -->
@@ -382,6 +394,12 @@
</div>
</div>
<div class="card mb-4 py-3 border-bottom-secondary">
<div class="card-body">
.border-bottom-secondary
</div>
</div>
<div class="card mb-4 py-3 border-bottom-success">
<div class="card-body">
.border-bottom-success
@@ -406,6 +424,12 @@
</div>
</div>
<div class="card mb-4 py-3 border-bottom-dark">
<div class="card-body">
.border-bottom-dark
</div>
</div>
</div>
</div>

3
utilities-color.html
View File

@@ -382,10 +382,13 @@
</div>
<div class="card-body">
<div class="px-3 py-5 bg-gradient-primary text-white">.bg-gradient-primary</div>
<div class="px-3 py-5 bg-gradient-secondary text-white">.bg-gradient-secondary</div>
<div class="px-3 py-5 bg-gradient-success text-white">.bg-gradient-success</div>
<div class="px-3 py-5 bg-gradient-info text-white">.bg-gradient-info</div>
<div class="px-3 py-5 bg-gradient-warning text-white">.bg-gradient-warning</div>
<div class="px-3 py-5 bg-gradient-danger text-white">.bg-gradient-danger</div>
<div class="px-3 py-5 bg-gradient-light text-white">.bg-gradient-light</div>
<div class="px-3 py-5 bg-gradient-dark text-white">.bg-gradient-dark</div>
</div>
</div>