layout/svg/svg.css

   1 /* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*-
   2  *
   3  * This Source Code Form is subject to the terms of the Mozilla Public
   4  * License, v. 2.0. If a copy of the MPL was not distributed with this
   5  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   6
   7 @namespace url(http://www.w3.org/2000/svg);
   8 @namespace xml url(http://www.w3.org/XML/1998/namespace);
   9
  10 style, script {
  11  display: none;
  12 }
  13
  14 /*
  15  * This is only to be overridden by the rule right below.
  16  *
  17  * NOTE(emilio): NodeCouldBeRendered in SVGUseElement.cpp relies on this.
  18  */
  19 symbol {
  20  display: none !important;
  21 }
  22
  23 /*
  24  * From https://svgwg.org/svg2-draft/struct.html#SymbolNotes:
  25  *
  26  * > The generated instance of a 'symbol' that is the direct referenced element
  27  * > of a 'use' element must always have a computed value of inline for the
  28  * > display property. In other words, it must be rendered whenever the host
  29  * > 'use' element is rendered.
  30  *
  31  * NOTE(emilio): other browsers instead just replace the `<symbol>` element by
  32  * an `<svg>` element while cloning, but they don't implement the SVG2
  33  * selector-matching rules that would make that observable via selectors.
  34  */
  35 symbol:-moz-use-shadow-tree-root {
  36   display: inline !important;
  37 }
  38
  39 svg:not(:root), symbol, image, marker, pattern, foreignObject {
  40  overflow: hidden;
  41 }
  42
  43 @media all and (-moz-is-glyph) {
  44  :root {
  45    fill: context-fill;
  46    fill-opacity: context-fill-opacity;
  47    stroke: context-stroke;
  48    stroke-opacity: context-stroke-opacity;
  49    stroke-width: context-value;
  50    stroke-dasharray: context-value;
  51    stroke-dashoffset: context-value;
  52  }
  53 }
  54
  55 foreignObject {
  56   appearance: none ! important;
  57   margin: 0 ! important;
  58   padding: 0 ! important;
  59   border-width: 0 ! important;
  60   white-space: normal;
  61 }
  62
  63 @media all and (-moz-is-resource-document) {
  64  foreignObject *|* {
  65    appearance: none !important;
  66  }
  67 }
  68
  69 *|*::-moz-svg-foreign-content {
  70   display: block !important;
  71   /* We need to be an absolute and fixed container */
  72   transform: translate(0) !important;
  73   text-indent: 0;
  74 }
  75
  76 /* Set |transform-origin:0 0;| for all SVG elements except outer-<svg>,
  77    noting that 'svg' as a child of 'foreignObject' counts as outer-<svg>.
  78 */
  79 *:not(svg),
  80 *:not(foreignObject) > svg {
  81   transform-origin:0 0;
  82 }
  83
  84 *|*::-moz-svg-text {
  85   unicode-bidi: inherit;
  86   vector-effect: inherit;
  87 }
  88
  89 *[xml|space=preserve] {
  90   white-space: -moz-pre-space;
  91 }
  92
  93 *|*::-moz-svg-marker-anon-child {
  94   clip-path: inherit;
  95   filter: inherit;
  96   mask: inherit;
  97   opacity: inherit;
  98 }
  99
 100 /* Make SVG shapes unselectable to avoid triggering AccessibleCaret on tap.
 101    <mesh> will be supported in bug 1238882. */
 102 circle, ellipse, line, mesh, path, polygon, polyline, rect {
 103   user-select: none;
 104 }
 105
 106 a:any-link {
 107   /* We don't want SVG link to be underlined */
 108   text-decoration: none;
 109 }