From 07f7b75757fba158ed2ef84989b573bfc10341de Mon Sep 17 00:00:00 2001 From: hylom Date: Fri, 23 Feb 2018 21:15:01 +0900 Subject: [PATCH] css: fix bootstrap to use '.sr-only' --- src/newslash_web/css/bootstrap.less | 3 ++- src/newslash_web/css/scaffolding-compat.less | 14 ++++++++++++++ 2 files changed, 16 insertions(+), 1 deletion(-) create mode 100644 src/newslash_web/css/scaffolding-compat.less diff --git a/src/newslash_web/css/bootstrap.less b/src/newslash_web/css/bootstrap.less index 02a13896..c3fa0483 100644 --- a/src/newslash_web/css/bootstrap.less +++ b/src/newslash_web/css/bootstrap.less @@ -19,10 +19,11 @@ // Core CSS // @import "bootstrap/scaffolding.less"; +@import "scaffolding-compat.less"; // import from bootstrap/scaffolding.less // Reset the box-sizing -// + // Heads up! This reset may cause conflicts with some third-party widgets. // For recommendations on resolving such conflicts, see // http://getbootstrap.com/getting-started/#third-box-sizing diff --git a/src/newslash_web/css/scaffolding-compat.less b/src/newslash_web/css/scaffolding-compat.less new file mode 100644 index 00000000..35dcce74 --- /dev/null +++ b/src/newslash_web/css/scaffolding-compat.less @@ -0,0 +1,14 @@ +// Only display content to screen readers +// +// See: http://a11yproject.com/posts/how-to-hide-content + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} -- 2.11.0