Bug 1606785 - Format dom CSS files with Prettier r=emilio
Differential Revision: https://phabricator.services.mozilla.com/D249177
This commit is contained in:
committed by
hjones@mozilla.com
parent
c08e43fc3d
commit
c22e910235
@@ -1 +1,3 @@
|
|||||||
body { background: orange; }
|
body {
|
||||||
|
background: orange;
|
||||||
|
}
|
||||||
|
|||||||
@@ -3,82 +3,93 @@
|
|||||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: Helvetica Neue, Helvetica, Trebuchet MS, Sans-serif;
|
font-family:
|
||||||
font-size: 12pt;
|
Helvetica Neue,
|
||||||
text-align: center;
|
Helvetica,
|
||||||
|
Trebuchet MS,
|
||||||
|
Sans-serif;
|
||||||
|
font-size: 12pt;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #FF9500;
|
color: #ff9500;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
width: 50em;
|
width: 50em;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#head {
|
#head {
|
||||||
font-family: Helvetica Neue, Helvetica, Trebuchet MS, Sans-serif;
|
font-family:
|
||||||
font-size: 300%;
|
Helvetica Neue,
|
||||||
font-weight: lighter;
|
Helvetica,
|
||||||
padding: .2ex;
|
Trebuchet MS,
|
||||||
padding-bottom: 0;
|
Sans-serif;
|
||||||
margin-bottom: .5ex;
|
font-size: 300%;
|
||||||
border-bottom: 10px solid #FF9500;
|
font-weight: lighter;
|
||||||
|
padding: 0.2ex;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 0.5ex;
|
||||||
|
border-bottom: 10px solid #ff9500;
|
||||||
}
|
}
|
||||||
#head b {
|
#head b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #FF9500;
|
color: #ff9500;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.content {
|
div.content {
|
||||||
font-family: Helvetica Neue, Helvetica, Trebuchet MS, Sans-serif;
|
font-family:
|
||||||
color: #000;
|
Helvetica Neue,
|
||||||
margin: 2ex;
|
Helvetica,
|
||||||
|
Trebuchet MS,
|
||||||
|
Sans-serif;
|
||||||
|
color: #000;
|
||||||
|
margin: 2ex;
|
||||||
}
|
}
|
||||||
|
|
||||||
#foot {
|
#foot {
|
||||||
border-bottom: 1ex solid #FF9500;
|
border-bottom: 1ex solid #ff9500;
|
||||||
margin-top: 2ex;
|
margin-top: 2ex;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*------------------------------------------*/
|
/*------------------------------------------*/
|
||||||
|
|
||||||
#start {
|
#start {
|
||||||
background: #FF9500;
|
background: #ff9500;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 1em 0 1em 0;
|
padding: 1em 0 1em 0;
|
||||||
width: 50em;
|
width: 50em;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#results {
|
#results {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
width: 48em;
|
width: 48em;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pass {
|
.pass {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #00539F;
|
color: #00539f;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fail {
|
.fail {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #FF9500;
|
color: #ff9500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pending {
|
.pending {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,49 +1,49 @@
|
|||||||
#innerFrame {
|
#innerFrame {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 300px;
|
top: 300px;
|
||||||
left: 200px;
|
left: 200px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spacer {
|
.spacer {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#square1 {
|
#square1 {
|
||||||
top: 330px;
|
top: 330px;
|
||||||
left: 150px;
|
left: 150px;
|
||||||
background: black;
|
background: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
#square2 {
|
#square2 {
|
||||||
top: 50px;
|
top: 50px;
|
||||||
left: 30px;
|
left: 30px;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
background: red;
|
background: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
.square {
|
.square {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#target0 {
|
#target0 {
|
||||||
background: black;
|
background: black;
|
||||||
color: white;
|
color: white;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#target1 {
|
#target1 {
|
||||||
background: purple;
|
background: purple;
|
||||||
color: white;
|
color: white;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#scrollTarget {
|
#scrollTarget {
|
||||||
@@ -51,62 +51,62 @@ overflow-x: auto;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.touchActionNone {
|
.touchActionNone {
|
||||||
touch-action: none;
|
touch-action: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#innerframe {
|
#innerframe {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroller {
|
.scroller {
|
||||||
width: 700px;
|
width: 700px;
|
||||||
height: 430px;
|
height: 430px;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: black;
|
background: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroller > div {
|
.scroller > div {
|
||||||
height: 1000px;
|
height: 1000px;
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroller > div div {
|
.scroller > div div {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 2em;
|
padding: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#complete-notice {
|
#complete-notice {
|
||||||
background: #afa;
|
background: #afa;
|
||||||
border: 1px solid #0a0;
|
border: 1px solid #0a0;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#pointertype-log {
|
#pointertype-log {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#event-log {
|
#event-log {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#listener {
|
#listener {
|
||||||
background: orange;
|
background: orange;
|
||||||
border: 1px solid orange;
|
border: 1px solid orange;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -100px;
|
top: -100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.scrollable {
|
body.scrollable {
|
||||||
min-height: 5000px;
|
min-height: 5000px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,2 +1,4 @@
|
|||||||
/*! Simple test for bug 1271796 */
|
/*! Simple test for bug 1271796 */
|
||||||
p::before { content: "\2014"; }
|
p::before {
|
||||||
|
content: "\2014";
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,2 +1,2 @@
|
|||||||
@import 'cssC.css';
|
@import "cssC.css";
|
||||||
@import url('http://example.org/tests/dom/tests/mochitest/general/cssC.css');
|
@import url("http://example.org/tests/dom/tests/mochitest/general/cssC.css");
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
@import url('http://example.org/tests/dom/tests/mochitest/general/cross.css');
|
@import url("http://example.org/tests/dom/tests/mochitest/general/cross.css");
|
||||||
|
|||||||
@@ -1,3 +1,2 @@
|
|||||||
@import 'emptyCssFile2.css';
|
@import "emptyCssFile2.css";
|
||||||
@import url('http://example.org/tests/dom/tests/mochitest/general/emptyCssFile2.css');
|
@import url("http://example.org/tests/dom/tests/mochitest/general/emptyCssFile2.css");
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,7 @@
|
|||||||
button, vbox, menu, menuitem, menupopup {
|
button,
|
||||||
box-sizing: content-box;
|
vbox,
|
||||||
}
|
menu,
|
||||||
|
menuitem,
|
||||||
|
menupopup {
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|||||||
@@ -7,4 +7,3 @@
|
|||||||
span {
|
span {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -37,11 +37,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.expandable-opening {
|
.expandable-opening {
|
||||||
list-style: '+' outside;
|
list-style: "+" outside;
|
||||||
}
|
}
|
||||||
|
|
||||||
[open] > .expandable-opening {
|
[open] > .expandable-opening {
|
||||||
list-style-type: '−';
|
list-style-type: "−";
|
||||||
}
|
}
|
||||||
|
|
||||||
.expandable-opening::marker {
|
.expandable-opening::marker {
|
||||||
|
|||||||
@@ -1,5 +1,3 @@
|
|||||||
|
|
||||||
|
|
||||||
BookSet {
|
BookSet {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -15,12 +13,12 @@ Book {
|
|||||||
}
|
}
|
||||||
|
|
||||||
BookCover {
|
BookCover {
|
||||||
display: inline;
|
display: inline;
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 140px;
|
height: 140px;
|
||||||
}
|
}
|
||||||
|
|
||||||
Title {
|
Title {
|
||||||
@@ -45,24 +43,21 @@ Synopsis {
|
|||||||
background-color: #ddddff;
|
background-color: #ddddff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
ListPrice {
|
ListPrice {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
Price {
|
Price {
|
||||||
display: block;
|
display: block;
|
||||||
color: rgb(20,100,0);
|
color: rgb(20, 100, 0);
|
||||||
text-align:right;
|
text-align: right;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
Price:before {
|
Price:before {
|
||||||
content: "Our Price: ";
|
content: "Our Price: ";
|
||||||
}
|
}
|
||||||
@@ -72,7 +67,3 @@ ISBN {
|
|||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ SearchTitle {
|
|||||||
border-bottom: thin solid black;
|
border-bottom: thin solid black;
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
SearchTitle:first-line {
|
SearchTitle:first-line {
|
||||||
font-family: Verdana, Sans-Serif;
|
font-family: Verdana, Sans-Serif;
|
||||||
@@ -40,4 +40,4 @@ Label {
|
|||||||
|
|
||||||
input {
|
input {
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
BookSet {
|
BookSet {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@@ -11,7 +10,7 @@ Book {
|
|||||||
}
|
}
|
||||||
|
|
||||||
BookCover {
|
BookCover {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
Title {
|
Title {
|
||||||
@@ -31,23 +30,20 @@ Synopsis {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
ListPrice {
|
ListPrice {
|
||||||
display: none;
|
display: none;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
Price {
|
Price {
|
||||||
display: block;
|
display: block;
|
||||||
color: rgb(20,100,0);
|
color: rgb(20, 100, 0);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align:left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
Price:before {
|
Price:before {
|
||||||
content: "Our Price: ";
|
content: "Our Price: ";
|
||||||
}
|
}
|
||||||
@@ -57,5 +53,3 @@ ISBN {
|
|||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 8pt;
|
font-size: 8pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -19,4 +19,3 @@ mylink {
|
|||||||
color: blue;
|
color: blue;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -17,7 +17,9 @@ xlink|link {
|
|||||||
padding-left: +5px;
|
padding-left: +5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
sect1,sect2,sect3 {
|
sect1,
|
||||||
|
sect2,
|
||||||
|
sect3 {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: +20px;
|
padding-left: +20px;
|
||||||
}
|
}
|
||||||
@@ -25,4 +27,4 @@ sect1,sect2,sect3 {
|
|||||||
p {
|
p {
|
||||||
display: block;
|
display: block;
|
||||||
padding-left: +5px;
|
padding-left: +5px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user