DaZeng sass的基礎使用

2021-10-10 07:42:17 字數 1917 閱讀 8889

優點:預編譯可統一修改。

在src下新建assets資料夾建立scss資料夾存放reset.scss檔案:清空瀏覽器的內建樣式

*

html,body

aul li

input

input:focus,a:focus

同時存放config.scss檔案:

$min-width

:1226px; //安全寬度

//常規字型大小設定

$fonta

:80px;

$fontb

:38px;

$fontc

:28px;

$fontd

:26px;

$fonte

:24px;

$fontf

:22px;

$fontg

:20px;

$fonth

:18px;

$fonti

:16px;

$fontj

:14px;

$fontk

:12px;

//常規配色

$colora

:#ff6600 !default;

$colorb

:#333333 !default;

$colorc

:#666666 !default;

$colord

:#999999 !default;

$colore

:#cccccc !default;

$colorf

:#d7d7d7 !default;

$colorg

:#ffffff !default;

$colorh

:#e5e5e5 !default;

$colori

:#000000 !default;

$colorj

:#f5f5f5 !default;

$colork

:#fffaf7 !default;

在.vue檔案中使用scss時:

//定義為scss檔案

lang

='scss'

>

a&:after

}style

>

建立mixin.scss,類似於

@mixin

bgimg

($w:0,$h

:0,$img

:'',$size

:contain)

@mixin

position

($pos

:absolute,$top

:0,$left

:0,$w

:100%,$h

:100%)

呼叫mixin

在.vue檔案中使用時:

//定義為scss檔案

lang

='scss'

>

@import

'./../assets/scss/mixin.scss'

;img

style

>

如果出現以下資訊:node sass version 5.0.0 is incompatible with ^4.0.0

解除安裝node-sass,安裝最新版。

npm uninstall node-sass

npm install [email protected]

mysql使用基礎 mysql 的基礎使用

1 登入 mysql uroot p123 2 檢視使用者 select user 3 退出 quit exit q 4 檢視幫助資訊 help create user 5 建立帳號 create user egon 192.168.32.identified by 123 create user ...

Docker的基礎使用

docker 使用文件注 本文件不是教程,而是針對記錄docker的基礎操作。方便筆者以後使用 筆者記性不好,記不住命令 本機 ubuntu16.04.2 已配好docker環境 容器使用 新建容器 sudo docker run i t ubuntu 16.04 bin bash 後台執行容器 s...

shell的使用基礎

1 shell命令的標準格式 標準格式 1 普通使用者,命令 選項 引數 2 超級使用者,命令 選項 引數 選項是包括乙個或多個字母的 他的前面有乙個減號 linux系統用減號來區分選項和引數 2 shell命令的萬用字元 shell命令的萬用字元主要有三個,和 1 星號 代表任意長度的字串,但不可...