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:
parent
4a71321b46
commit
129725da61
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -258,6 +258,7 @@ $desktop: $phone + 1px;
|
|||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.pf-v5-c-select__toggle-arrow {
|
||||
font-size: 1.3rem;
|
||||
transition-duration: 0.3s;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue