2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-24 14:04:09 +03:00

Simple responsive utilities test css

This commit is contained in:
Mark Otto
2013-05-16 20:07:41 -07:00
parent e5d6a40a77
commit af0b9cb41a
2 changed files with 36 additions and 21 deletions
+11 -14
View File
@@ -510,28 +510,25 @@ body {
position: relative;
float: left;
width: 25%;
padding: 15px 10px;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
color: #999;
text-align: center;
border: 1px solid #ddd;
border-radius: 4px;
}
.responsive-utilities-test li + li {
margin-left: 10px;
}
.responsive-utilities-test span {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
padding: 15px 10px;
font-size: 14px;
font-weight: bold;
line-height: 1.1;
text-align: center;
border-radius: 4px;
}
.responsive-utilities-test span {
.responsive-utilities-test.visible-on [class*="hidden"],
.responsive-utilities-test.hidden-on [class*="visible"] {
color: #999;
border: 1px solid #ddd;
}
.responsive-utilities-test.visible-on [class*="visible"],
.responsive-utilities-test.hidden-on [class*="hidden"] {
color: #468847;
background-color: #dff0d8;
border: 1px solid #d6e9c6;