mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

Kill scss/mixins/_media-queries.scss

Browse Source 
replaced media-xs => media-breakpoint-down(xs)
replaced media-sm => media-breakpoint-up(sm)
replaced media-sm-max => media-breakpoint-only(sm)
replaced media-md => media-breakpoint-up(md)
replaced media-md-max => media-breakpoint-only(md)
replaced media-lg => media-breakpoint-up(lg)
This commit is contained in:
Chris Rebert
2014-12-29 13:40:19 -08:00
parent 746e09f8ae
commit cbb3b1ff9a
9 changed files with 31 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/_utilities-responsive.scss
+15 -15
View File
@@ -39,78 +39,78 @@
}
.visible-xs-block {
@include media-xs {
@include media-breakpoint-down(xs) {
display: block !important;
}
}
.visible-xs-inline {
@include media-xs {
@include media-breakpoint-down(xs) {
display: inline !important;
}
}
.visible-xs-inline-block {
@include media-xs {
@include media-breakpoint-down(xs) {
display: inline-block !important;
}
}
.visible-sm-block {
@include media-sm-max {
@include media-breakpoint-only(sm) {
display: block !important;
}
}
.visible-sm-inline {
@include media-sm-max {
@include media-breakpoint-only(sm) {
display: inline !important;
}
}
.visible-sm-inline-block {
@include media-sm-max {
@include media-breakpoint-only(sm) {
display: inline-block !important;
}
}
.visible-md-block {
@include media-md-max {
@include media-breakpoint-only(md) {
display: block !important;
}
}
.visible-md-inline {
@include media-md-max {
@include media-breakpoint-only(md) {
display: inline !important;
}
}
.visible-md-inline-block {
@include media-md-max {
@include media-breakpoint-only(md) {
display: inline-block !important;
}
}
.visible-lg-block {
@include media-lg {
@include media-breakpoint-up(lg) {
display: block !important;
}
}
.visible-lg-inline {
@include media-lg {
@include media-breakpoint-up(lg) {
display: inline !important;
}
}
.visible-lg-inline-block {
@include media-lg {
@include media-breakpoint-up(lg) {
display: inline-block !important;
}
}
@include media-sm-max {
@include media-breakpoint-only(sm) {
@include responsive-invisibility(".hidden-sm");
}
@include media-md-max {
@include media-breakpoint-only(md) {
@include responsive-invisibility(".hidden-md");
}
@include media-lg {
@include media-breakpoint-up(lg) {
@include responsive-invisibility(".hidden-lg");
}