mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-26 14:54:27 +02:00
CSS: few proposals (#36406)
* Something to try about `!important` in color-bg helper * Better understanding border utility `.border-*-0` * Having rounded numbers of px
This commit is contained in:
committed by
GitHub
parent
8959bf3f0b
commit
e2e107fc72
@@ -257,12 +257,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bd-example-border-utils-0 {
|
||||
[class^="border"] {
|
||||
border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color);
|
||||
}
|
||||
}
|
||||
|
||||
.bd-example-rounded-utils {
|
||||
[class*="rounded"] {
|
||||
margin: .25rem;
|
||||
@@ -325,8 +319,8 @@
|
||||
|
||||
pre {
|
||||
padding: 0;
|
||||
margin-top: .65rem;
|
||||
margin-bottom: .65rem;
|
||||
margin-top: .625rem;
|
||||
margin-bottom: .625rem;
|
||||
white-space: pre;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
|
@@ -26,12 +26,12 @@ Add borders to custom elements:
|
||||
|
||||
Or remove borders:
|
||||
|
||||
{{< example class="bd-example-border-utils bd-example-border-utils-0" >}}
|
||||
<span class="border-0"></span>
|
||||
<span class="border-top-0"></span>
|
||||
<span class="border-end-0"></span>
|
||||
<span class="border-bottom-0"></span>
|
||||
<span class="border-start-0"></span>
|
||||
{{< example class="bd-example-border-utils" >}}
|
||||
<span class="border border-0"></span>
|
||||
<span class="border border-top-0"></span>
|
||||
<span class="border border-end-0"></span>
|
||||
<span class="border border-bottom-0"></span>
|
||||
<span class="border border-start-0"></span>
|
||||
{{< /example >}}
|
||||
|
||||
## Color
|
||||
|
Reference in New Issue
Block a user