-
-
Save luci79rom/861bef68c2a65dfcd638 to your computer and use it in GitHub Desktop.
Added visible-ms and hidden-ms
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.col-ms-1, | |
.col-ms-2, | |
.col-ms-3, | |
.col-ms-4, | |
.col-ms-5, | |
.col-ms-6, | |
.col-ms-7, | |
.col-ms-8, | |
.col-ms-9, | |
.col-ms-10, | |
.col-ms-11, | |
.col-ms-12 { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; } | |
@media (min-width: 480px) and (max-width: 767px) { | |
.col-ms-1, | |
.col-ms-2, | |
.col-ms-3, | |
.col-ms-4, | |
.col-ms-5, | |
.col-ms-6, | |
.col-ms-7, | |
.col-ms-8, | |
.col-ms-9, | |
.col-ms-10, | |
.col-ms-11 { | |
float: left; } | |
.col-ms-1 { | |
width: 8.33333%; } | |
.col-ms-2 { | |
width: 16.66667%; } | |
.col-ms-3 { | |
width: 25%; } | |
.col-ms-4 { | |
width: 33.33333%; } | |
.col-ms-5 { | |
width: 41.66667%; } | |
.col-ms-6 { | |
width: 50%; } | |
.col-ms-7 { | |
width: 58.33333%; } | |
.col-ms-8 { | |
width: 66.66667%; } | |
.col-ms-9 { | |
width: 75%; } | |
.col-ms-10 { | |
width: 83.33333%; } | |
.col-ms-11 { | |
width: 91.66667%; } | |
.col-ms-12 { | |
width: 100%; } | |
.col-ms-push-1 { | |
left: 8.33333%; } | |
.col-ms-push-2 { | |
left: 16.66667%; } | |
.col-ms-push-3 { | |
left: 25%; } | |
.col-ms-push-4 { | |
left: 33.33333%; } | |
.col-ms-push-5 { | |
left: 41.66667%; } | |
.col-ms-push-6 { | |
left: 50%; } | |
.col-ms-push-7 { | |
left: 58.33333%; } | |
.col-ms-push-8 { | |
left: 66.66667%; } | |
.col-ms-push-9 { | |
left: 75%; } | |
.col-ms-push-10 { | |
left: 83.33333%; } | |
.col-ms-push-11 { | |
left: 91.66667%; } | |
.col-ms-pull-1 { | |
right: 8.33333%; } | |
.col-ms-pull-2 { | |
right: 16.66667%; } | |
.col-ms-pull-3 { | |
right: 25%; } | |
.col-ms-pull-4 { | |
right: 33.33333%; } | |
.col-ms-pull-5 { | |
right: 41.66667%; } | |
.col-ms-pull-6 { | |
right: 50%; } | |
.col-ms-pull-7 { | |
right: 58.33333%; } | |
.col-ms-pull-8 { | |
right: 66.66667%; } | |
.col-ms-pull-9 { | |
right: 75%; } | |
.col-ms-pull-10 { | |
right: 83.33333%; } | |
.col-ms-pull-11 { | |
right: 91.66667%; } | |
.col-ms-offset-1 { | |
margin-left: 8.33333%; } | |
.col-ms-offset-2 { | |
margin-left: 16.66667%; } | |
.col-ms-offset-3 { | |
margin-left: 25%; } | |
.col-ms-offset-4 { | |
margin-left: 33.33333%; } | |
.col-ms-offset-5 { | |
margin-left: 41.66667%; } | |
.col-ms-offset-6 { | |
margin-left: 50%; } | |
.col-ms-offset-7 { | |
margin-left: 58.33333%; } | |
.col-ms-offset-8 { | |
margin-left: 66.66667%; } | |
.col-ms-offset-9 { | |
margin-left: 75%; } | |
.col-ms-offset-10 { | |
margin-left: 83.33333%; } | |
.col-ms-offset-11 { | |
margin-left: 91.66667%; } | |
} | |
@media (min-width: 480px) and (max-width: 767px) { | |
.container { | |
max-width: 748px; } | |
.form-horizontal .form-group .control-label {text-align:right;} | |
} | |
.visible-ms, | |
tr.visible-ms, | |
th.visible-ms, | |
td.visible-ms { | |
display: none !important; | |
} | |
@media (max-width: 479px) { | |
.visible-ms { | |
display: block !important; | |
} | |
tr.visible-ms { | |
display: table-row !important; | |
} | |
th.visible-ms, | |
td.visible-ms { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 480px) and (max-width: 767px) { | |
.visible-ms.visible-xs { | |
display: block !important; | |
} | |
tr.visible-ms.visible-xs { | |
display: table-row !important; | |
} | |
th.visible-ms.visible-xs, | |
td.visible-ms.visible-xs { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-ms.visible-sm { | |
display: block !important; | |
} | |
tr.visible-ms.visible-sm { | |
display: table-row !important; | |
} | |
th.visible-ms.visible-sm, | |
td.visible-ms.visible-sm { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-ms.visible-md { | |
display: block !important; | |
} | |
tr.visible-ms.visible-md { | |
display: table-row !important; | |
} | |
th.visible-ms.visible-md, | |
td.visible-ms.visible-md { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-ms.visible-lg { | |
display: block !important; | |
} | |
tr.visible-ms.visible-lg { | |
display: table-row !important; | |
} | |
th.visible-ms.visible-lg, | |
td.visible-ms.visible-lg { | |
display: table-cell !important; | |
} | |
} | |
.hidden-ms { | |
display: block !important; | |
} | |
tr.hidden-ms { | |
display: table-row !important; | |
} | |
th.hidden-ms, | |
td.hidden-ms { | |
display: table-cell !important; | |
} | |
@media (max-width: 479px) { | |
.hidden-ms, | |
tr.hidden-ms, | |
th.hidden-ms, | |
td.hidden-ms { | |
display: none !important; | |
} | |
} | |
@media (min-width: 480px) and (max-width: 767px) { | |
.hidden-ms.hidden-xs, | |
tr.hidden-ms.hidden-xs, | |
th.hidden-ms.hidden-xs, | |
td.hidden-ms.hidden-xs { | |
display: none !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.hidden-ms.hidden-sm, | |
tr.hidden-ms.hidden-sm, | |
th.hidden-ms.hidden-sm, | |
td.hidden-ms.hidden-sm { | |
display: none !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.hidden-ms.hidden-md, | |
tr.hidden-ms.hidden-md, | |
th.hidden-ms.hidden-md, | |
td.hidden-ms.hidden-md { | |
display: none !important; | |
} | |
} | |
@media (min-width: 1200px) { | |
.hidden-ms.hidden-lg, | |
tr.hidden-ms.hidden-lg, | |
th.hidden-ms.hidden-lg, | |
td.hidden-ms.hidden-lg { | |
display: none !important; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment