mirror of
https://github.com/directus/directus.git
synced 2026-02-09 01:24:54 -05:00
Update dependency stylelint to v14 (#9016)
* Update dependency stylelint to v14 * Update dependency stylelint-scss to v4 * Update dependency stylelint-order to v5 * Undo command change * Update stylelint command * Use modern color syntax Who knew this was already supported everywhere? Awesome!! * Update stylelint-config-standard Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
This commit is contained in:
@@ -200,8 +200,8 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
.v-list {
|
||||
margin: 0px 0px 10px 0px;
|
||||
padding: 20px 20px 12px 20px;
|
||||
margin: 0px 0px 10px;
|
||||
padding: 20px 20px 12px;
|
||||
border: var(--border-width) solid var(--border-subdued);
|
||||
|
||||
& > :deep(.group) {
|
||||
|
||||
@@ -230,7 +230,7 @@ export default defineComponent({
|
||||
|
||||
.secret {
|
||||
display: block;
|
||||
margin: 0 auto 16px auto;
|
||||
margin: 0 auto 16px;
|
||||
color: var(--foreground-subdued);
|
||||
font-family: var(--family-monospace);
|
||||
letter-spacing: 2.6px;
|
||||
|
||||
@@ -310,7 +310,7 @@ img {
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
background: linear-gradient(180deg, rgba(38, 50, 56, 0) 0%, rgba(38, 50, 56, 0.25) 100%);
|
||||
background: linear-gradient(180deg, rgb(38 50 56 / 0) 0%, rgb(38 50 56 / 0.25) 100%);
|
||||
transition: height var(--fast) var(--transition);
|
||||
}
|
||||
|
||||
@@ -365,7 +365,7 @@ img {
|
||||
height: 17px;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
color: rgb(255 255 255 / 0.75);
|
||||
transition: max-height var(--fast) var(--transition);
|
||||
}
|
||||
|
||||
@@ -373,7 +373,7 @@ img {
|
||||
.image-preview:hover {
|
||||
.shadow {
|
||||
height: 100%;
|
||||
background: linear-gradient(180deg, rgba(38, 50, 56, 0) 0%, rgba(38, 50, 56, 0.5) 100%);
|
||||
background: linear-gradient(180deg, rgb(38 50 56 / 0) 0%, rgb(38 50 56 / 0.5) 100%);
|
||||
}
|
||||
|
||||
.actions .v-button {
|
||||
|
||||
@@ -367,7 +367,7 @@ export default defineComponent({
|
||||
|
||||
img {
|
||||
object-fit: contain;
|
||||
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
|
||||
filter: drop-shadow(0px 0px 8px rgb(0 0 0 / 0.25));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -165,10 +165,10 @@ export default defineComponent({
|
||||
|
||||
.row {
|
||||
.preview {
|
||||
padding: 12px 12px;
|
||||
padding: 12px;
|
||||
background-color: var(--card-face-color);
|
||||
border-radius: var(--border-radius);
|
||||
box-shadow: 0px 0px 6px 0px rgba(var(--card-shadow-color), 0.2);
|
||||
box-shadow: 0px 0px 6px 0px rgb(var(--card-shadow-color) 0.2);
|
||||
cursor: grab;
|
||||
transition: var(--fast) var(--transition);
|
||||
transition-property: box-shadow, background-color;
|
||||
|
||||
@@ -452,7 +452,6 @@ export default defineComponent({
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -282,7 +282,7 @@ export default defineComponent({
|
||||
.presets {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 0px 8px 14px 8px;
|
||||
padding: 0px 8px 14px;
|
||||
}
|
||||
|
||||
.presets .preset {
|
||||
|
||||
Reference in New Issue
Block a user