From b59fd2bcc8a89eb355b701ea9cdb7b6ab8860987 Mon Sep 17 00:00:00 2001 From: Benson Cho Date: Wed, 24 Apr 2024 19:05:50 +0800 Subject: [PATCH] remove parser, format code --- .eslintrc.js | 1 - src/styles/index.scss | 101 ++++++++++++++++++++---------------------- 2 files changed, 47 insertions(+), 55 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 06c5e9d..5136890 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,7 +1,6 @@ // mimic CommonJS variables -- not needed if using CommonJS module.exports = { root: true, - parser: "@babel/eslint-parser", parserOptions: { ecmaVersion: 2021, sourceType: "module", diff --git a/src/styles/index.scss b/src/styles/index.scss index 1c38b99..53a29ee 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -1,16 +1,15 @@ -.container{ +.container { margin: 0px auto; padding: 5px; position: relative; - background-color: #FFFFF4; - - .main-view{ - + background-color: #fffff4; + + .main-view { #canvas { margin: 0px auto; padding: 10px; text-align: center; - background: #FFFFF4; + background: #fffff4; } #game-over { width: 310px; @@ -21,65 +20,59 @@ display: none; } - .game-group-btn{ - + .game-group-btn { } - } - - .score-board { + .score-board { vertical-align: top; - .operation-intro{ - display:flex; + .operation-intro { + display: flex; flex-direction: column; border: 1px solid #181804; border-radius: 4px; padding: 10px; - } } - } +.flex-row { + display: flex; + flex-direction: row; +} +.flex-column { + display: flex; + flex-direction: column; +} +.align-center { + align-items: center; +} +.content-center { + justify-content: center; +} - .flex-row{ - display: flex; - flex-direction: row; - } - .flex-column{ - display: flex; - flex-direction: column; - } - .align-center{ - align-items: center; - } - .content-center{ - justify-content: center; - } +.p-relative { + position: relative; +} - .p-relative{ - position: relative; - } - - .ta-l { - text-align: left; - } - .ta-c { - text-align: center; - } - .fs-0 { - font-size: 0px; - } - .fs-16 { - font-size: 16px; - } - .fs-20 { - font-size: 20px; - } - .mt-10 { - margin-top: 10px; - } - .mr-2 { - margin-right: 2px; - } +.ta-l { + text-align: left; +} +.ta-c { + text-align: center; +} +.fs-0 { + font-size: 0px; +} +.fs-16 { + font-size: 16px; +} +.fs-20 { + font-size: 20px; +} +.mt-10 { + margin-top: 10px; +} +.mr-2 { + margin-right: 2px; +}