From: jdlrobson Date: Tue, 19 Jul 2016 18:47:59 +0000 (-0700) Subject: Resources: Convert mediawiki.content.json.css to less file X-Git-Tag: 1.31.0-rc.0~6340^2 X-Git-Url: http://git.cyclocoop.org///%22%40url%40//%22?a=commitdiff_plain;h=46cb9ce02cc1b39b95f29be57dd9f4f47321bd34;p=lhc%2Fweb%2Fwiklou.git Resources: Convert mediawiki.content.json.css to less file Using a LESS file gives us access to variables. In a following patchset I will need access to the deviceTabletWidth variable to apply some responsive styles. Change-Id: I2acffa71fc4fce89c6803c921ea44ae2f908bd77 --- diff --git a/resources/Resources.php b/resources/Resources.php index e35c3d76fa..e838a53a3b 100644 --- a/resources/Resources.php +++ b/resources/Resources.php @@ -948,7 +948,7 @@ return [ ], 'mediawiki.content.json' => [ 'position' => 'top', - 'styles' => 'resources/src/mediawiki/mediawiki.content.json.css', + 'styles' => 'resources/src/mediawiki/mediawiki.content.json.less', ], 'mediawiki.confirmCloseWindow' => [ 'scripts' => [ diff --git a/resources/src/mediawiki/mediawiki.content.json.css b/resources/src/mediawiki/mediawiki.content.json.css deleted file mode 100644 index 91fa02a380..0000000000 --- a/resources/src/mediawiki/mediawiki.content.json.css +++ /dev/null @@ -1,59 +0,0 @@ -/*! - * CSS for styling HTML-formatted JSON Schema objects - * - * @file - * @author Munaf Assaf - */ - -.mw-json { - border-collapse: collapse; - border-spacing: 0; - font-style: normal; -} - -.mw-json th, -.mw-json td { - border: 1px solid #808080; - font-size: 16px; - padding: 0.5em 1em; -} - -.mw-json .value, -.mw-json-single-value { - background-color: #dcfae3; - font-family: monospace, monospace; - white-space: pre-wrap; -} - -.mw-json-single-value { - background-color: #eee; -} - -.mw-json-empty { - background-color: #fff; - font-style: italic; -} - -.mw-json tr { - margin-bottom: 0.5em; - background-color: #eee; -} - -.mw-json th { - background-color: #fff; - font-weight: normal; -} - -.mw-json caption { - /* For stylistic reasons, suppress the caption of the outermost table */ - display: none; -} - -.mw-json table caption { - color: #808080; - display: inline-block; - font-size: 10px; - font-style: italic; - margin-bottom: 0.5em; - text-align: left; -} diff --git a/resources/src/mediawiki/mediawiki.content.json.less b/resources/src/mediawiki/mediawiki.content.json.less new file mode 100644 index 0000000000..91fa02a380 --- /dev/null +++ b/resources/src/mediawiki/mediawiki.content.json.less @@ -0,0 +1,59 @@ +/*! + * CSS for styling HTML-formatted JSON Schema objects + * + * @file + * @author Munaf Assaf + */ + +.mw-json { + border-collapse: collapse; + border-spacing: 0; + font-style: normal; +} + +.mw-json th, +.mw-json td { + border: 1px solid #808080; + font-size: 16px; + padding: 0.5em 1em; +} + +.mw-json .value, +.mw-json-single-value { + background-color: #dcfae3; + font-family: monospace, monospace; + white-space: pre-wrap; +} + +.mw-json-single-value { + background-color: #eee; +} + +.mw-json-empty { + background-color: #fff; + font-style: italic; +} + +.mw-json tr { + margin-bottom: 0.5em; + background-color: #eee; +} + +.mw-json th { + background-color: #fff; + font-weight: normal; +} + +.mw-json caption { + /* For stylistic reasons, suppress the caption of the outermost table */ + display: none; +} + +.mw-json table caption { + color: #808080; + display: inline-block; + font-size: 10px; + font-style: italic; + margin-bottom: 0.5em; + text-align: left; +}