mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-09 07:06:36 +02:00
Code Issues Releases Wiki Activity

move glyphicons styles to docs css

Browse Source
This commit is contained in:
Mark Otto
2013-08-18 19:04:30 -07:00
parent 9dcae610e9
commit 841dac58ca
2 changed files with 41 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
assets/css/docs.css
View File

@@ -19,6 +19,7 @@
* Examples * Examples
* Code snippets (highlight) * Code snippets (highlight)
* Responsive tests * Responsive tests
* Glyphicons
* Customizer * Customizer
* Miscellaneous * Miscellaneous
*/ */
@@ -944,6 +945,46 @@ body {
} }
/*
* Glyphicons
*
* Special styles for displaying the icons and their classes in the docs.
*/
.bs-glyphicons {
padding-left: 0;
padding-bottom: 1px;
margin-bottom: 20px;
list-style: none;
overflow: hidden;
}
.bs-glyphicons li {
float: left;
width: 25%;
height: 115px;
padding: 10px;
margin: 0 -1px -1px 0;
font-size: 12px;
line-height: 1.4;
text-align: center;
border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
display: block;
margin: 5px auto 10px;
font-size: 24px;
}
.bs-glyphicons li:hover {
background-color: rgba(86,61,124,.1);
}
@media (min-width: 768px) {
.bs-glyphicons li {
width: 12.5%;
}
}
/* /*
* Customizer * Customizer
* *

39
components.html
View File

@@ -7,45 +7,6 @@ base_url: "../"
--- ---
<style>
/* Icons
-------------------------------------------------- */
.bs-glyphicons {
padding-left: 0;
padding-bottom: 1px;
margin-bottom: 20px;
list-style: none;
overflow: hidden;
}
.bs-glyphicons li {
float: left;
width: 25%;
height: 115px;
padding: 10px;
margin: 0 -1px -1px 0;
font-size: 12px;
line-height: 1.4;
text-align: center;
border: 1px solid #ddd;
}
.bs-glyphicons .glyphicon {
display: block;
margin: 5px auto 10px;
font-size: 24px;
}
.bs-glyphicons li:hover {
background-color: rgba(86,61,124,.1);
}
@media (min-width: 768px) {
.bs-glyphicons li {
width: 12.5%;
}
}
</style>
<!-- Glyphicons <!-- Glyphicons
================================================== --> ================================================== -->
<div class="bs-docs-section"> <div class="bs-docs-section">