diff --git a/src/style/index.styl b/src/style/index.styl index 3bdd06b1..b1544eee 100644 --- a/src/style/index.styl +++ b/src/style/index.styl @@ -169,7 +169,7 @@ body.aframe-inspector-opened z-index 999999999 svg - color rgb(219 97 162) + color rgb(219, 97, 162) fill currentColor .sponsor-btn:hover diff --git a/src/style/scenegraph.styl b/src/style/scenegraph.styl index f2166e78..9529e57e 100644 --- a/src/style/scenegraph.styl +++ b/src/style/scenegraph.styl @@ -137,7 +137,7 @@ background var(--color-base-300) border 1px solid var(--color-base-300) border-radius 4px - box-shadow 0 4px 12px rgb(0 0 0 / 30%) + box-shadow 0 4px 12px rgba(0, 0, 0, 0.3) max-height 300px overflow-y auto position absolute diff --git a/src/style/textureModal.styl b/src/style/textureModal.styl index d085d1b4..81215d33 100644 --- a/src/style/textureModal.styl +++ b/src/style/textureModal.styl @@ -1,7 +1,6 @@ .modal animation animateopacity 0.2s ease-out - background-color rgb(0 0 0) - background-color rgb(0 0 0 / 60%) + background-color rgba(0, 0, 0, 0.6) display flex height 100% left 0 @@ -13,7 +12,7 @@ .modal h3 font-size 18px - font-weight 100 + font-weight 600 margin 0.6em 0 #textureModal .modal-content @@ -21,11 +20,8 @@ width calc(100% - 50px) .modal-content - animation animatetop 0.2s ease-out - animation-duration 0.2s - animation-name animatetop background-color var(--color-base-200) - box-shadow 0 4px 8px 0 rgb(0 0 0 / 50%), 0 6px 20px 0 rgb(0 0 0 / 50%) + box-shadow 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5) margin auto overflow hidden padding 0 @@ -70,7 +66,7 @@ .gallery li border-radius 2px - box-shadow 0 0 6px rgb(0 0 0 / 60%) + box-shadow 0 0 6px rgba(0, 0, 0, 0.6) cursor pointer margin 8px overflow hidden @@ -194,9 +190,14 @@ position relative width 200px +.assets.search input + box-sizing border-box + padding-right 20px + width 100% + .assets.search svg position absolute - right 0 + right 5px top 5px .new_asset_options diff --git a/stylelint.config.js b/stylelint.config.js index 2ce60552..2d115a56 100644 --- a/stylelint.config.js +++ b/stylelint.config.js @@ -3,6 +3,9 @@ module.exports = { plugins: ['stylelint-order'], ignoreFiles: ['src/style/themes.css'], rules: { + 'alpha-value-notation': null, + 'color-function-alias-notation': null, + 'color-function-notation': null, 'declaration-property-value-no-unknown': null, 'import-notation': null, 'media-feature-range-notation': 'prefix',