guide: stylelint fixes
All these were done automatically with `stylelint --fix`. Start to cover the guide in test/static-code runs.
This commit is contained in:
Martin Pitt
Martin Pitt
parent
9dfa967481
commit
2a26eb407f
|
|
@ -5,6 +5,7 @@
|
|||
border: solid 1px #d3d7cf;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.programlisting
|
||||
{
|
||||
/* tango:sky blue 0/1 */
|
||||
|
|
@ -12,11 +13,13 @@
|
|||
border: solid 1px #729fcf;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.variablelist
|
||||
{
|
||||
padding: 4px;
|
||||
margin-left: 3em;
|
||||
margin-inline-start: 3em;
|
||||
}
|
||||
|
||||
.variablelist td:first-child
|
||||
{
|
||||
vertical-align: top;
|
||||
|
|
@ -26,27 +29,26 @@
|
|||
sup a.footnote
|
||||
{
|
||||
position: relative;
|
||||
top: 0em ! important;
|
||||
inset-block-start: 0 ! important;
|
||||
}
|
||||
/* this is needed so that the local anchors are displayed below the naviagtion */
|
||||
div.footnote a[name], div.refnamediv a[name], div.refsect1 a[name], div.refsect2 a[name], div.index a[name], div.glossary a[name], div.sect1 a[name]
|
||||
{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top:-5em;
|
||||
inset-block-start:-5em;
|
||||
}
|
||||
/* this seems to be a bug in the xsl style sheets when generating indexes */
|
||||
div.index div.index
|
||||
{
|
||||
top: 0em;
|
||||
inset-block-start: 0;
|
||||
}
|
||||
/* make space for the fixed navigation bar and add space at the bottom so that
|
||||
* link targets appear somewhat close to top
|
||||
*/
|
||||
body
|
||||
{
|
||||
padding-top: 3.2em;
|
||||
padding-bottom: 20em;
|
||||
padding-block: 3.2em 20em;
|
||||
}
|
||||
/* style and size the navigation bar */
|
||||
table.navigation#top
|
||||
|
|
@ -55,23 +57,25 @@
|
|||
/* tango:scarlet red 0/1 */
|
||||
background: #ffe6e6;
|
||||
border: solid 1px #ef2929;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 3em;
|
||||
margin-block: 0;
|
||||
inset-block-start: 0;
|
||||
inset-inline-start: 0;
|
||||
block-size: 3em;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.navigation a, .navigation a:visited
|
||||
{
|
||||
/* tango:scarlet red 3 */
|
||||
color: #a40000;
|
||||
}
|
||||
|
||||
.navigation a:hover
|
||||
{
|
||||
/* tango:scarlet red 1 */
|
||||
color: #ef2929;
|
||||
}
|
||||
|
||||
td.shortcuts
|
||||
{
|
||||
/* tango:scarlet red 1 */
|
||||
|
|
@ -85,17 +89,17 @@
|
|||
visibility: collapse;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.titlepage table.navigation {
|
||||
visibility: visible;
|
||||
display: table;
|
||||
/* tango:scarlet red 0/1 */
|
||||
background: #ffe6e6;
|
||||
border: solid 1px #ef2929;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 3em;
|
||||
margin-block: 0;
|
||||
inset-block-start: 0;
|
||||
inset-inline-start: 0;
|
||||
block-size: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -106,13 +110,15 @@
|
|||
|
||||
div.gallery-float
|
||||
{
|
||||
float: left;
|
||||
float: inline-start;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
div.gallery-float img
|
||||
{
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
div.gallery-spacer
|
||||
{
|
||||
clear: both;
|
||||
|
|
@ -124,6 +130,7 @@ a, a:visited
|
|||
/* tango:sky blue 2 */
|
||||
color: #3465a4;
|
||||
}
|
||||
|
||||
a:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
|
|
@ -134,7 +141,7 @@ a:hover
|
|||
div.table table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
border-spacing: 0;
|
||||
/* tango:aluminium 3 */
|
||||
border: solid 1px #babdb6;
|
||||
}
|
||||
|
|
@ -158,14 +165,14 @@ hr
|
|||
/* tango:aluminium 3 */
|
||||
color: #babdb6;
|
||||
background: #babdb6;
|
||||
border: none 0px;
|
||||
height: 1px;
|
||||
border: none 0;
|
||||
block-size: 1px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.footer
|
||||
{
|
||||
padding-top: 3.5em;
|
||||
padding-block-start: 3.5em;
|
||||
/* tango:aluminium 3 */
|
||||
color: #babdb6;
|
||||
text-align: center;
|
||||
|
|
@ -178,31 +185,35 @@ hr
|
|||
background: #ffeed9;
|
||||
border-color: #ffb04f;
|
||||
}
|
||||
|
||||
.note
|
||||
{
|
||||
/* tango:chameleon 0/0.5 */
|
||||
background: #d8ffb2;
|
||||
border-color: #abf562;
|
||||
}
|
||||
|
||||
.note, .warning
|
||||
{
|
||||
padding: 0.5em;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.note h3, .warning h3
|
||||
{
|
||||
margin-top: 0.0em
|
||||
margin-block-start: 0.0
|
||||
}
|
||||
|
||||
.note p, .warning p
|
||||
{
|
||||
margin-bottom: 0.0em
|
||||
margin-block-end: 0.0
|
||||
}
|
||||
|
||||
/* blob links */
|
||||
h2 .extralinks, h3 .extralinks
|
||||
{
|
||||
float: right;
|
||||
float: inline-end;
|
||||
/* tango:aluminium 3 */
|
||||
color: #babdb6;
|
||||
font-size: 80%;
|
||||
|
|
@ -221,44 +232,47 @@ h2 .extralinks, h3 .extralinks
|
|||
|
||||
.listing_code .programlisting .cbracket { color: #a40000; } /* tango: scarlet red 3 */
|
||||
.listing_code .programlisting .comment { color: #a1a39d; } /* tango: aluminium 4 */
|
||||
.listing_code .programlisting .function { color: #000000; font-weight: bold; }
|
||||
.listing_code .programlisting .function { color: #000; font-weight: bold; }
|
||||
.listing_code .programlisting .function a { color: #11326b; font-weight: bold; } /* tango: sky blue 4 */
|
||||
.listing_code .programlisting .keyword { color: #4e9a06; } /* tango: chameleon 3 */
|
||||
.listing_code .programlisting .linenum { color: #babdb6; } /* tango: aluminium 3 */
|
||||
.listing_code .programlisting .normal { color: #000000; }
|
||||
.listing_code .programlisting .normal { color: #000; }
|
||||
.listing_code .programlisting .number { color: #75507b; } /* tango: plum 2 */
|
||||
.listing_code .programlisting .preproc { color: #204a87; } /* tango: sky blue 3 */
|
||||
.listing_code .programlisting .string { color: #c17d11; } /* tango: chocolate 2 */
|
||||
.listing_code .programlisting .type { color: #000000; }
|
||||
.listing_code .programlisting .type { color: #000; }
|
||||
.listing_code .programlisting .type a { color: #11326b; } /* tango: sky blue 4 */
|
||||
.listing_code .programlisting .symbol { color: #ce5c00; } /* tango: orange 3 */
|
||||
|
||||
.listing_frame {
|
||||
/* tango:sky blue 1 */
|
||||
border: solid 1px #729fcf;
|
||||
padding: 0px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.listing_lines, .listing_code {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-block: 0;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.listing_lines {
|
||||
/* tango:sky blue 0.5 */
|
||||
background: #a6c5e3;
|
||||
/* tango:aluminium 6 */
|
||||
color: #2e3436;
|
||||
}
|
||||
|
||||
.listing_code {
|
||||
/* tango:sky blue 0 */
|
||||
background: #e6f3ff;
|
||||
}
|
||||
|
||||
.listing_code .programlisting {
|
||||
/* override from previous */
|
||||
border: none 0px;
|
||||
padding: 0px;
|
||||
border: none 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.listing_lines pre, .listing_code pre {
|
||||
margin: 0px;
|
||||
margin: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,71 +1,71 @@
|
|||
@import url("gtk-doc.css");
|
||||
@import "gtk-doc.css";
|
||||
|
||||
/* keep this in sync with node_modules/@redhat/redhat-font/webfonts/red-hat-font.css */
|
||||
@font-face {
|
||||
font-family: "RedHatText";
|
||||
font-family: RedHatText;
|
||||
src: url("./RedHatText-Regular.woff2") format("woff2");
|
||||
/* Modern Browsers */
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-rendering: optimizelegibility;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "RedHatText";
|
||||
font-family: RedHatText;
|
||||
src: url("./RedHatText-Medium.woff2") format("woff2");
|
||||
/* Modern Browsers */
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-rendering: optimizelegibility;
|
||||
}
|
||||
|
||||
H1.guides {
|
||||
h1.guides {
|
||||
background-color: #238b49;
|
||||
color: white;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
font-size: 30pt;
|
||||
padding: 5px 0px 5px 20px;
|
||||
padding-block: 5px;
|
||||
padding-inline: 20px 0;
|
||||
}
|
||||
|
||||
H2.guides {
|
||||
margin-left: 20px;
|
||||
h2.guides {
|
||||
margin-inline-start: 20px;
|
||||
}
|
||||
|
||||
DIV.guides {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
font-family: 'RedHatText', Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
|
||||
div.guides {
|
||||
margin-inline: 20px;
|
||||
font-family: RedHatText, Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
DIV.guides > p {
|
||||
margin-left: 20px;
|
||||
div.guides > p {
|
||||
margin-inline-start: 20px;
|
||||
}
|
||||
|
||||
DIV.guides > A {
|
||||
margin-left: 40px;
|
||||
margin-right: 20px;
|
||||
div.guides > a {
|
||||
margin-inline: 40px 20px;
|
||||
font-size: 12px;
|
||||
line-height: 200%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
TABLE.navigation {
|
||||
table.navigation {
|
||||
background-color: #238b49 !important;
|
||||
border-width: 0 !important;
|
||||
color: white;
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
TABLE.navigation TH {
|
||||
table.navigation th {
|
||||
font-size: 30pt !important;
|
||||
font-weight: normal;
|
||||
text-align: left !important;
|
||||
padding-left: 10pt;
|
||||
text-align: start !important;
|
||||
padding-inline-start: 10pt;
|
||||
}
|
||||
|
||||
TABLE.navigation TH:first-child {
|
||||
padding: 5px 0px 5px 20px;
|
||||
table.navigation th:first-child {
|
||||
padding-block: 5px;
|
||||
padding-inline: 20px 0;
|
||||
}
|
||||
|
||||
.shortcuts {
|
||||
|
|
@ -74,157 +74,154 @@ TABLE.navigation TH:first-child {
|
|||
|
||||
.shortcuts a {
|
||||
color: white !important;
|
||||
font-family: 'RedHatText', Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
|
||||
font-family: RedHatText, Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
P.title {
|
||||
p.title {
|
||||
font-size: 30pt !important;
|
||||
}
|
||||
|
||||
DIV.warning {
|
||||
div.warning {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.warning .title {
|
||||
font-weight: bold !important;
|
||||
left: 0px;
|
||||
inset-inline-start: 0;
|
||||
}
|
||||
|
||||
BODY {
|
||||
padding-top: 5.5em !important;
|
||||
margin: 0px;
|
||||
body {
|
||||
padding-block-start: 5.5em !important;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Target all Firefox, since firefox has bug wrt TABLE + position: fixed */
|
||||
@-moz-document url-prefix() {
|
||||
TABLE.navigation { position: static !important; }
|
||||
BODY { padding-top: 0 !important; }
|
||||
table.navigation { position: static !important; }
|
||||
body { padding-block-start: 0 !important; }
|
||||
}
|
||||
|
||||
P.releaseinfo {
|
||||
p.releaseinfo {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
DIV.toc {
|
||||
div.toc {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
DIV.book,
|
||||
DIV.refentry,
|
||||
DIV.chapter,
|
||||
DIV.article,
|
||||
DIV.reference,
|
||||
DIV.index,
|
||||
DIV.footer,
|
||||
DIV.section,
|
||||
DIV.part {
|
||||
font-family: 'RedHatText', Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
|
||||
div.book,
|
||||
div.refentry,
|
||||
div.chapter,
|
||||
div.article,
|
||||
div.reference,
|
||||
div.index,
|
||||
div.footer,
|
||||
div.section,
|
||||
div.part {
|
||||
font-family: RedHatText, Verdana, Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
|
||||
font-size: 11pt;
|
||||
line-height: 160%;
|
||||
}
|
||||
|
||||
CODE {
|
||||
code {
|
||||
font-size: 10.5pt;
|
||||
}
|
||||
|
||||
BODY > DIV.footer,
|
||||
BODY > DIV.part {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
body > div.footer,
|
||||
body > div.part {
|
||||
margin-inline: 1em;
|
||||
}
|
||||
|
||||
BODY > DIV.refentry,
|
||||
BODY > DIV.chapter,
|
||||
BODY > DIV.article,
|
||||
BODY > DIV.reference,
|
||||
BODY > DIV.index,
|
||||
BODY > DIV.section,
|
||||
BODY > DIV.part,
|
||||
BODY > DIV.book > DIV.toc {
|
||||
padding-top: 50px;
|
||||
max-width: 800px;
|
||||
padding-left: 40px;
|
||||
padding-right: 20px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
body > div.refentry,
|
||||
body > div.chapter,
|
||||
body > div.article,
|
||||
body > div.reference,
|
||||
body > div.index,
|
||||
body > div.section,
|
||||
body > div.part,
|
||||
body > div.book > div.toc {
|
||||
padding-block-start: 50px;
|
||||
max-inline-size: 800px;
|
||||
padding-inline: 40px 20px;
|
||||
margin-inline: auto;
|
||||
/*
|
||||
margin-left: 3em;
|
||||
margin-right: 1em;
|
||||
*/
|
||||
}
|
||||
|
||||
BODY > DIV.book > DIV.toc {
|
||||
padding-top: 20px;
|
||||
body > div.book > div.toc {
|
||||
padding-block-start: 20px;
|
||||
}
|
||||
|
||||
DIV.section {
|
||||
margin-top: 3em;
|
||||
div.section {
|
||||
margin-block-start: 3em;
|
||||
}
|
||||
|
||||
PRE.programlisting {
|
||||
pre.programlisting {
|
||||
font-size: 9.5pt;
|
||||
line-height: 130%;
|
||||
padding-left: 10px;
|
||||
padding-inline-start: 10px;
|
||||
}
|
||||
|
||||
DIV.variablelist TABLE {
|
||||
div.variablelist table {
|
||||
font-size: 13pt;
|
||||
line-height: 150%;
|
||||
margin-left: 0px;
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
DIV.variablelist TABLE SPAN.term {
|
||||
padding-right: 1em;
|
||||
div.variablelist table span.term {
|
||||
padding-inline-end: 1em;
|
||||
}
|
||||
|
||||
DIV.variablelist {
|
||||
margin-left: 0px;
|
||||
div.variablelist {
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
DIV.refsect1,
|
||||
DIV.refsect2,
|
||||
DIV.refsection,
|
||||
DIV.refnamediv,
|
||||
DIV.refsynopsisdiv {
|
||||
margin-bottom: 2em !important;
|
||||
div.refsect1,
|
||||
div.refsect2,
|
||||
div.refsection,
|
||||
div.refnamediv,
|
||||
div.refsynopsisdiv {
|
||||
margin-block-end: 2em !important;
|
||||
}
|
||||
|
||||
DIV.refsection > H3 {
|
||||
margin-top: 1.5em !important;
|
||||
div.refsection > h3 {
|
||||
margin-block-start: 1.5em !important;
|
||||
}
|
||||
|
||||
DIV.abstract > .title {
|
||||
div.abstract > .title {
|
||||
margin: 0.3em;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
H1 {
|
||||
h1 {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
H2 {
|
||||
h2 {
|
||||
position: relative;
|
||||
left: -1em;
|
||||
inset-inline-start: -1em;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
H3 {
|
||||
h3 {
|
||||
position: relative;
|
||||
left: -1em;
|
||||
inset-inline-start: -1em;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
DD > DL {
|
||||
margin-top: 0.3em;
|
||||
margin-bottom: 0.3em;
|
||||
dd > dl {
|
||||
margin-block: 0.3em;
|
||||
}
|
||||
|
||||
PRE.screen {
|
||||
pre.screen {
|
||||
border: solid 1px #729fcf;
|
||||
padding: 0.5em;
|
||||
background: #e6f3ff;
|
||||
}
|
||||
|
||||
CODE.option {
|
||||
code.option {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -86,8 +86,7 @@ fi
|
|||
|
||||
test_stylelint() {
|
||||
test -x node_modules/.bin/stylelint -a -x /usr/bin/node || skip 'no stylelint'
|
||||
# HACK: Fix doc/guide CSS
|
||||
git ls-files -z '*.css' '*.scss' | grep -z -v '^doc/guide' | xargs -r -0 node_modules/.bin/stylelint
|
||||
git ls-files -z '*.css' '*.scss' | xargs -r -0 node_modules/.bin/stylelint
|
||||
}
|
||||
|
||||
test_no_translatable_attr() {
|
||||
|
|
|
|||
Loading…
Reference in New Issue