lint css

src/assets/base.css

@@ -18,8 +18,7 @@
 
   /* Главный цвет */
   --main-color: rgb(34 50 60 / 100%);
-
-  --second-color: rgb(97, 74, 22);
+  --second-color: rgb(97 74 22);
   --main-back-color: rgb(240 240 240 / 100%);
   --main-back-item-color: rgb(254 254 254 / 100%);
 }

src/components/BeltBlock.vue

@@ -13,7 +13,7 @@
 <style scoped>
 .belt-block {
   height: 100%;
-  background-color: rgb(0, 0, 0);
+  background-color: rgb(0 0 0);
   background-image: url("@/assets/images/belt.png");
   background-size: cover;
   position: relative;
@@ -27,12 +27,12 @@
 }
 
 .shadow-top {
-  top: 0px;
-  box-shadow: 0px -5px 10px black;
+  top: 0;
+  box-shadow: 0 -5px 10px black;
 }
 
 .shadow-bottom {
-  bottom: 0px;
-  box-shadow: 0px 5px 10px black;
+  bottom: 0;
+  box-shadow: 0 5px 10px black;
 }
 </style>

src/components/CatalogPage.vue

@@ -63,7 +63,6 @@ getScenarios()
 
     /* background-color: #553333; */
     background-color: #222;
-
     border: 2px solid #222;
 }
 

src/components/GameInputForm.vue

@@ -152,7 +152,7 @@ function getTextForCounter(count: number): string[] {
 }
 
 .game-input-run::placeholder {
-  color: #333333;
+  color: #333;
 }
 
 .game-input-run:focus {
@@ -216,11 +216,9 @@ function getTextForCounter(count: number): string[] {
   margin: 0 1px;
   display: inline-block;
   text-align: center;
-
   background-image: url("@/assets/images/paper.jpg");
   background-size: cover;
-
-  box-shadow: 0px -2px 5px black;
+  box-shadow: 0 -2px 5px black;
 }
 
 .places-text-number {
@@ -245,7 +243,7 @@ function getTextForCounter(count: number): string[] {
   margin: 0 4px;
 }
 
-@media (min-width: 1025px) {
+@media (width >= 1025px) {
   .center-block-700 {
     width: 700px;
     margin: 0 auto;

src/components/MessagePaper copy.vue

@@ -39,7 +39,7 @@
   background-image: url("@/assets/images/paper.jpg");
   background-size: cover;
   display: flow-root;
-  box-shadow: 0px 0 5px black;
+  box-shadow: 0 0 5px black;
 }
 
 .message-cloud-2,

src/components/MetalPlate.vue

@@ -17,7 +17,7 @@
 <style scoped>
 .plate-block {
   position: relative;
-  box-shadow: 0px 0px 10px black;
+  box-shadow: 0 0 10px black;
 }
 
 .metal-plate-block {

src/components/ScenariosPage.vue

@@ -100,7 +100,6 @@ getScenarios()
 
   /* background-color: #553333; */
   background-color: #222;
-
   border: 2px solid #222;
 }
 

src/views/LoginView.vue

@@ -9,5 +9,3 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
 
   <HeaderMenu />
 </template>
-
-<style lang="css"></style>

src/views/OfficeView.vue

@@ -5,5 +5,3 @@ import OfficePage from '@/components/OfficePage.vue'
 <template>
   <OfficePage />
 </template>
-
-<style lang="css"></style>

src/views/PrivacyPolicyView.vue

@@ -1,5 +1,3 @@
 <script setup lang="ts"></script>
 
 <template>Соглашением о персональных данных</template>
-
-<style lang="css"></style>

src/views/ScenarioView.vue

@@ -5,5 +5,3 @@ import ScenarioPage from '@/components/ScenarioPage.vue'
 <template>
     <ScenarioPage />
 </template>
-
-<style lang="css"></style>

src/views/ScenariosEditorView.vue

@@ -5,5 +5,3 @@ import ScenariosEditorPage from '@/components/ScenariosEditorPage.vue'
 <template>
   <ScenariosEditorPage />
 </template>
-
-<style lang="css"></style>

src/views/ScenariosView.vue

@@ -5,5 +5,3 @@ import ScenariosPage from '@/components/ScenariosPage.vue'
 <template>
   <ScenariosPage />
 </template>
-
-<style lang="css"></style>

src/views/TeamStoryView.vue

@@ -5,5 +5,3 @@ import TeamStoryPage from '@/components/TeamStoryPage.vue'
 <template>
     <TeamStoryPage />
 </template>
-
-<style lang="css"></style>

src/views/UserAgreementView.vue

@@ -1,5 +1,3 @@
 <script setup lang="ts"></script>
 
 <template>Пользовательское соглашение</template>
-
-<style lang="css"></style>

src/views/UsersView.vue

@@ -5,5 +5,3 @@ import UsersPage from '@/components/UsersPage.vue'
 <template>
   <UsersPage />
 </template>
-
-<style lang="css"></style>