From f597e2fe949a1e18eb778b9a5bd102de88570555 Mon Sep 17 00:00:00 2001 From: Max Date: Thu, 18 May 2017 14:03:27 +0200 Subject: Initial commit. --- src/sass/bootstrap4/_utilities-responsive.scss | 49 ++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 src/sass/bootstrap4/_utilities-responsive.scss (limited to 'src/sass/bootstrap4/_utilities-responsive.scss') diff --git a/src/sass/bootstrap4/_utilities-responsive.scss b/src/sass/bootstrap4/_utilities-responsive.scss new file mode 100644 index 0000000..0470dc5 --- /dev/null +++ b/src/sass/bootstrap4/_utilities-responsive.scss @@ -0,0 +1,49 @@ +// +// Responsive utilities +// + +@each $bp in map-keys($grid-breakpoints) { + .hidden-#{$bp}-up { + @include media-breakpoint-up($bp) { + display: none !important; + } + } + .hidden-#{$bp}-down { + @include media-breakpoint-down($bp) { + display: none !important; + } + } +} + + +// Print utilities +// +// Media queries are placed on the inside to be mixin-friendly. + +.visible-print-block { + display: none !important; + + @media print { + display: block !important; + } +} +.visible-print-inline { + display: none !important; + + @media print { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; + + @media print { + display: inline-block !important; + } +} + +.hidden-print { + @media print { + display: none !important; + } +} -- cgit v1.2.3