CSS: stylelint fixes

Use logical directions, drop obsolete vendor prefix, and various stylistic fixes.

Done automatically with `stylelint --fix`. Fixes e.g.
```
Expected "#EEEEEE" to be "#EEE"                          color-hex-length
Unexpected "min-height" property. Use "min-block-size".  liberty/use-logical-spec
Unexpected vendor-prefix "-moz-transform"        property-no-vendor-prefix
Expected empty line before rule  rule-empty-line-before
```

The only deliberate `moz-*` rule is our Firefox specific checkbox fix,
ignore property-no-vendor-prefix for that one.
This commit is contained in:
Martin Pitt 2024-02-03 03:32:53 +01:00 committed by Martin Pitt
parent 4a71321b46
commit 129725da61
4 changed files with 18 additions and 12 deletions

View File

@ -1,10 +1,10 @@
pre {
background-color: #EEEEEE;
min-height: 5em;
max-height: 50em;
background-color: #EEE;
min-block-size: 5em;
max-block-size: 50em;
overflow-y: scroll;
}
#command {
min-width: 50ex;
min-inline-size: 50ex;
}

View File

@ -186,6 +186,7 @@ select.pf-v5-c-form-control {
// Override default spacing from lg -> md
.pf-v5-l-flex {
gap: var(--pf-v5-l-flex--spacer-base);
&:not([class*="pf-m-space-items-"]) {
> * {
--pf-v5-l-flex--spacer--column: 0;
@ -226,7 +227,7 @@ select.pf-v5-c-form-control {
&__input {
margin-block: auto;
align-self: unset;
-moz-transform: unset;
transform: unset;
}
// Slightly shift the radio and check widgets
@ -234,9 +235,9 @@ select.pf-v5-c-form-control {
// Shift up the checks/radios for (most) browsers
transform: translateY(-1px);
// Mozilla doesn't need the translation, so undo it
-moz-transform: none;
-moz-transform: none; // stylelint-disable property-no-vendor-prefix
// If the size is not specified, browsers may size it between 12px - 16px; so let's set it to the font size (which winds up 16px)
height: var(--pf-v5-global--FontSize--md);
block-size: var(--pf-v5-global--FontSize--md);
// Use the height for width too
aspect-ratio: 1;
}

View File

@ -258,6 +258,7 @@ $desktop: $phone + 1px;
display: block;
}
}
.pf-v5-c-select__toggle-arrow {
font-size: 1.3rem;
transition-duration: 0.3s;

View File

@ -1,21 +1,25 @@
#embed-links .card-pf-body {
opacity: 0.3;
}
#embed-here {
display: block;
width: 1024px;
height: 768px;
inline-size: 1024px;
block-size: 768px;
}
#embed-address {
display: block;
margin-bottom: 20px;
margin-block-end: 20px;
}
a[target] {
cursor: pointer;
}
iframe {
display: block;
width: 100%;
height: 100%;
inline-size: 100%;
block-size: 100%;
border: 1px solid #ddd;
}