https://github.com/uranusjr/warning-sign

https://github.com/uranusjr/warning-sign

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/uranusjr/warning-sign
• Owner: uranusjr
• Created: 2018-09-25T07:54:41.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-04T07:56:00.000Z (almost 6 years ago)
• Last Synced: 2024-10-14T19:42:14.178Z (3 months ago)
• Language: Python
• Homepage: https://practical-meninsky-4f98c5.netlify.com
• Size: 120 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Personal Project, do not use.

樣式都在 `src/assets/board.css` 這個檔案裡面

### 改顏色

找到下面這段：

```css

.board .group-buttons > .enabled {

  background: 黃色;

}

.board .group-buttons > .enabled:first-child {

  background: 紅色;

}

.board .group-buttons > .enabled:last-child {

  background: 綠色;

}

```

顏色是用 hex 色碼，可以用這個工具來看：https://color.adobe.com/

上面顏色調好之後，把對應的 hex 欄位貼過去即可（記得前面要加 `#`）

### 改字型大小

找到這段：

```css

.board .group {

  display: flex;

  flex-direction: row;

  font-weight: bold;

  font-size: 縮放比例;

}

```

調整 `font-size` 的百分比（例如 `110%`）即可。

### 打包

需要 Python 3.7：https://www.python.org/downloads/release/python-371/

安裝之後在目錄下執行

    py -3.7 pack.py

會自動在 `dist` 目錄裡產生打包好的 zip 檔。