Hi there,
toolset just announced an update and asked for feedback whether their integrated bootstrap-classes could cause any conflict. here is their massage:
"We are updating the bootstrap.css file that ships with Toolset. In this update, we are adding missing styles to our CSS file, covering the basic Bootstrap styling.
If your sites are using CSS classes with the exact same names as those that normally ship with Bootstrap, this can cause appearance changes.
Can you please look at the announcement blog post, check the CSS classes that we’re adding and tell us if this may cause any conflicts with your designs?"
Since I don’t know all the classes pro is using, could you please provide information whether this will cause any conflict? here are the classes they’ll be using.
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
@media (min-width: 768px) {
.lead {
font-size: 21px
}
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase, .initialism {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #337ab7
}
a.text-primary:hover, a.text-primary:focus {
color: #286090
}
.text-success {
color: #3c763d
}
a.text-success:hover, a.text-success:focus {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:hover, a.text-info:focus {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:hover, a.text-warning:focus {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:hover, a.text-danger:focus {
color: #843534
}
.bg-primary {
color: #fff
}
.bg-primary {
background-color: #337ab7
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: #286090
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:hover, a.bg-success:focus {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:hover, a.bg-info:focus {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:hover, a.bg-warning:focus {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:hover, a.bg-danger:focus {
background-color: #e4b9b9
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
.list-unstyled, .list-inline {
margin-top: 0;
margin-bottom: 10px
}
.list-unstyled ul, .list-unstyled ol, .list-inline ul, .list-inline ol {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
.dl-horizontal {
margin-top: 0;
margin-bottom: 20px
}
.dl-horizontal dd {
margin-left: 0
}
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
.dl-horizontal dt {
font-weight: bold
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[title], abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 90%
}
.blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee
}
.blockquote p:last-child, .blockquote ul:last-child, .blockquote ol:last-child {
margin-bottom: 0
}
.blockquote footer {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #777
}
.blockquote footer:before {
content: '\2014 \00A0'
}
.blockquote-reverse {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before {
content: ''
}
.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after {
content: '\00A0 \2014'
}
Thanks a lot!