0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-13 01:08:58 +01:00
Bootstrap/docs/assets/less/responsive-tests.less

69 lines
1.6 KiB
Plaintext
Raw Normal View History

2017-11-26 03:06:34 +01:00
/* stylelint-disable selector-no-qualifying-type, declaration-no-important */
2017-07-03 00:28:51 +02:00
// Responsive (scrollable) doc tables
2017-07-03 00:09:46 +02:00
.table-responsive .highlight pre {
white-space: normal;
}
2017-07-03 00:28:51 +02:00
// Utility classes table
2017-07-03 00:09:46 +02:00
.bs-table th small,
.responsive-utilities th small {
display: block;
2017-11-26 03:06:34 +01:00
font-weight: 400;
2017-07-03 00:09:46 +02:00
color: #999;
}
.responsive-utilities tbody th {
2017-11-26 03:06:34 +01:00
font-weight: 400;
2017-07-03 00:09:46 +02:00
}
.responsive-utilities td {
text-align: center;
}
.responsive-utilities td.is-visible {
color: #468847;
background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
color: #ccc;
background-color: #f9f9f9 !important;
}
2017-07-03 00:28:51 +02:00
// Responsive tests
2017-07-03 00:09:46 +02:00
.responsive-utilities-test {
margin-top: 5px;
}
.responsive-utilities-test .col-xs-6 {
margin-bottom: 10px;
}
.responsive-utilities-test span {
display: block;
padding: 15px 10px;
font-size: 14px;
2017-11-26 03:06:34 +01:00
font-weight: 700;
2017-07-03 00:09:46 +02:00
line-height: 1.1;
text-align: center;
border-radius: 4px;
}
.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg {
color: #999;
border: 1px solid #ddd;
}
.visible-on .col-xs-6 .visible-xs-block,
.visible-on .col-xs-6 .visible-sm-block,
.visible-on .col-xs-6 .visible-md-block,
.visible-on .col-xs-6 .visible-lg-block,
.hidden-on .col-xs-6 .visible-xs-block,
.hidden-on .col-xs-6 .visible-sm-block,
.hidden-on .col-xs-6 .visible-md-block,
.hidden-on .col-xs-6 .visible-lg-block {
color: #468847;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}