mirror of
https://github.com/VCMP-SqMod/SqMod.git
synced 2025-07-19 23:37:12 +02:00
.github
bin
module
vendor
CPR
CivetWeb
ConcurrentQueue
DPP
Fmt
doc
_static
_templates
basic-bootstrap
bootstrap
mixins
alerts.less
badges.less
bootstrap.less
breadcrumbs.less
button-groups.less
buttons.less
carousel.less
close.less
code.less
component-animations.less
dropdowns.less
forms.less
glyphicons.less
grid.less
input-groups.less
jumbotron.less
labels.less
list-group.less
media.less
mixins.less
modals.less
navbar.less
navs.less
normalize.less
pager.less
pagination.less
panels.less
popovers.less
print.less
progress-bars.less
responsive-embed.less
responsive-utilities.less
scaffolding.less
tables.less
theme.less
thumbnails.less
tooltip.less
type.less
utilities.less
variables.less
wells.less
CMakeLists.txt
api.rst
build.py
conf.py
contents.rst
fmt.less
index.rst
python-license.txt
syntax.rst
usage.rst
include
src
support
test
CMakeLists.txt
CONTRIBUTING.md
ChangeLog.rst
LICENSE.rst
README.rst
MaxmindDB
POCO
PUGIXML
SAJSON
SimpleIni
Squirrel
TinyDir
ZMQ
xxHash
CMakeLists.txt
.gitignore
.gitmodules
CMakeLists.txt
LICENSE
README.md
195 lines
4.2 KiB
Plaintext
195 lines
4.2 KiB
Plaintext
//
|
|
// Responsive: Utility classes
|
|
// --------------------------------------------------
|
|
|
|
|
|
// IE10 in Windows (Phone) 8
|
|
//
|
|
// Support for responsive views via media queries is kind of borked in IE10, for
|
|
// Surface/desktop in split view and for Windows Phone 8. This particular fix
|
|
// must be accompanied by a snippet of JavaScript to sniff the user agent and
|
|
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
|
|
// our Getting Started page for more information on this bug.
|
|
//
|
|
// For more information, see the following:
|
|
//
|
|
// Issue: https://github.com/twbs/bootstrap/issues/10497
|
|
// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
|
|
// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
|
|
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
|
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
|
|
// Visibility utilities
|
|
// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
|
|
.visible-xs,
|
|
.visible-sm,
|
|
.visible-md,
|
|
.visible-lg {
|
|
.responsive-invisibility();
|
|
}
|
|
|
|
.visible-xs-block,
|
|
.visible-xs-inline,
|
|
.visible-xs-inline-block,
|
|
.visible-sm-block,
|
|
.visible-sm-inline,
|
|
.visible-sm-inline-block,
|
|
.visible-md-block,
|
|
.visible-md-inline,
|
|
.visible-md-inline-block,
|
|
.visible-lg-block,
|
|
.visible-lg-inline,
|
|
.visible-lg-inline-block {
|
|
display: none !important;
|
|
}
|
|
|
|
.visible-xs {
|
|
@media (max-width: @screen-xs-max) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-xs-block {
|
|
@media (max-width: @screen-xs-max) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-xs-inline {
|
|
@media (max-width: @screen-xs-max) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-xs-inline-block {
|
|
@media (max-width: @screen-xs-max) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.visible-sm {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-sm-block {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-sm-inline {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-sm-inline-block {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.visible-md {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-md-block {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-md-inline {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-md-inline-block {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.visible-lg {
|
|
@media (min-width: @screen-lg-min) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-lg-block {
|
|
@media (min-width: @screen-lg-min) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-lg-inline {
|
|
@media (min-width: @screen-lg-min) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-lg-inline-block {
|
|
@media (min-width: @screen-lg-min) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.hidden-xs {
|
|
@media (max-width: @screen-xs-max) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
.hidden-sm {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
.hidden-md {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
.hidden-lg {
|
|
@media (min-width: @screen-lg-min) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
|
|
|
|
// Print utilities
|
|
//
|
|
// Media queries are placed on the inside to be mixin-friendly.
|
|
|
|
// Note: Deprecated .visible-print as of v3.2.0
|
|
.visible-print {
|
|
.responsive-invisibility();
|
|
|
|
@media print {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.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 {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|