reftests: Fix CSS for various tests

* :nth-child(first) => :first-child
* :nth-child(last) => :last-child
* Add semicolons at end of declarations
* Remove spaces between color functions (shade, alpha, ...) and args
This commit is contained in:
Benjamin Otte 2019-04-12 05:25:51 +02:00
parent 117fc68195
commit 0a440a804f
10 changed files with 27 additions and 27 deletions

View File

@ -10,19 +10,19 @@ button:nth-child(odd) {
background-color: red; background-color: red;
} }
button:nth-child(first) { button:first-child {
background-color: purple; background-color: purple;
} }
button:nth-child(last):nth-child(even) { button:last-child:nth-child(even) {
background-color: lime; background-color: lime;
} }
button:nth-child(last):nth-child(odd) { button:last-child:nth-child(odd) {
background-color: purple; background-color: purple;
} }
button:nth-child(last):nth-child(first) { button:last-child:first-child {
background-color: blue; background-color: blue;
} }

View File

@ -9,7 +9,7 @@
} }
.column1 { .column1 {
/* border-radius: 20px */; /* border-radius: 20px; */
} }
.column2 { .column2 {
@ -20,7 +20,7 @@
box-shadow: box-shadow:
rgba(0,0,0,1) rgba(0,0,0,1)
15px 15px 15px 15px
inset inset;
} }
.row3 { .row3 {
@ -28,7 +28,7 @@
rgba(0,0,0,1) rgba(0,0,0,1)
15px 15px 0 15px 15px 0
10px /*spread*/ 10px /*spread*/
inset inset;
} }
.reference-border { .reference-border {

View File

@ -1,11 +1,11 @@
box { box {
background-color: blue background-color: blue;
} }
grid box { grid box {
background-color: red background-color: red;
} }
window > grid box { window > grid box {
background-color: blue background-color: blue;
} }

View File

@ -1,6 +1,6 @@
* + *, * + *,
#red { #red {
color: red color: red;
} }
* ~ * ~ label, * ~ * ~ label,

View File

@ -1,3 +1,3 @@
box { box {
background-color: lime background-color: lime;
} }

View File

@ -3,5 +3,5 @@ label {
} }
.no-shadow { .no-shadow {
text-shadow: none text-shadow: none;
} }

View File

@ -6,5 +6,5 @@
} }
GtkPaned label { GtkPaned label {
background-color: pink background-color: pink;
} }

View File

@ -9,9 +9,9 @@ button {
} }
#alpha { #alpha {
opacity: 0.5 opacity: 0.5;
} }
#ref { #ref {
opacity: 0.125 opacity: 0.125;
} }

View File

@ -1,4 +1,4 @@
.only-child-ref:nth-child(first):nth-child(last) { .only-child-ref:first-child:last-child {
color: blue; color: blue;
background-color: red; background-color: red;
} }

View File

@ -7,7 +7,7 @@
@define-color color_base #c8c4c0; @define-color color_base #c8c4c0;
@define-color color_sel #406080; @define-color color_sel #406080;
@define-color color_tip #ffffc0; @define-color color_tip #ffffc0;
@define-color color_dark shade (@color_base, 0.6); @define-color color_dark shade(@color_base, 0.6);
* { * {
background-color: @color_base; background-color: @color_base;
@ -47,26 +47,26 @@ GtkCheckButton:selected {
} }
.slider, .pane-separator { .slider, .pane-separator {
background-color: alpha (black, 0); background-color: alpha(black, 0);
color: alpha (black, 0); color: alpha(black, 0);
} }
/* GRADIENTS */ /* GRADIENTS */
button, .notebook tab:active, .slider { button, .notebook tab:active, .slider {
background-image: linear-gradient(to bottom, shade (@color_base, 1.2), @color_base); background-image: linear-gradient(to bottom, shade(@color_base, 1.2), @color_base);
} }
button:active, .notebook tab, .trough { button:active, .notebook tab, .trough {
background-image: linear-gradient(to bottom, shade (@color_base, 0.8), @color_base); background-image: linear-gradient(to bottom, shade(@color_base, 0.8), @color_base);
} }
button.vertical, .slider.vertical { button.vertical, .slider.vertical {
background-image: linear-gradient(to right, shade (@color_base, 1.2), @color_base); background-image: linear-gradient(to right, shade(@color_base, 1.2), @color_base);
} }
button.vertical:active, .trough.vertical { button.vertical:active, .trough.vertical {
background-image: linear-gradient(to right, shade (@color_base, 0.8), @color_base); background-image: linear-gradient(to right, shade(@color_base, 0.8), @color_base);
} }
column-header > .button { column-header > .button {
@ -74,12 +74,12 @@ column-header > .button {
} }
.progressbar { .progressbar {
background-image: linear-gradient(to bottom, shade (@color_sel, 1.2), @color_sel); background-image: linear-gradient(to bottom, shade(@color_sel, 1.2), @color_sel);
border-color: shade (@color_sel, 0.7); border-color: shade(@color_sel, 0.7);
} }
.progressbar.vertical { .progressbar.vertical {
background-image: linear-gradient(to right, shade (@color_sel, 1.2), @color_sel); background-image: linear-gradient(to right, shade(@color_sel, 1.2), @color_sel);
} }
/* SPACING */ /* SPACING */