初始化移动端提交
This commit is contained in:
36
sheep/scss/ui.scss
Normal file
36
sheep/scss/ui.scss
Normal file
@@ -0,0 +1,36 @@
|
||||
@import './theme/style'; //系统主题
|
||||
@import './main'; //主样式*
|
||||
|
||||
// 确保主题色变量全局可用
|
||||
:root,
|
||||
page {
|
||||
--ui-BG-Main: #{$primary};
|
||||
--ui-BG-Main-tag: #{rgba($primary, 0.05)};
|
||||
--ui-BG-Main-gradient: #{rgba($primary, 0.6)};
|
||||
--ui-BG-Main-light: #{rgba($primary, 0.2)};
|
||||
--ui-BG-Main-opacity-1: #{rgba($primary, 0.1)};
|
||||
--ui-BG-Main-opacity-4: #{rgba($primary, 0.4)};
|
||||
--ui-Main-box-shadow: 0 0.2em 0.5em #{rgba($primary, 0.45)};
|
||||
--ui-BG-Main-1: #{mix(rgba(255, 255, 255, 0.7), desaturate($primary, 20%), 10%)};
|
||||
--ui-BG-Main-2: #{mix(rgba(255, 255, 255, 0.6), desaturate($primary, 40%), 20%)};
|
||||
--ui-BG-Main-3: #{mix(rgba(119, 119, 119, 0.2), desaturate($primary, 40%), 40%)};
|
||||
--ui-BG-Main-4: #{mix(rgba(119, 119, 119, 0.1), desaturate($primary, 40%), 60%)};
|
||||
--ui-BG-Main-TC: #ffffff;
|
||||
}
|
||||
|
||||
@import './style/background'; //背景
|
||||
@import './style/grid'; //列
|
||||
@import './style/flex'; //布局
|
||||
@import './style/border'; //边框
|
||||
@import './style/text'; //文本
|
||||
@import './style/shadow'; //阴影
|
||||
@import './icon/style'; //图标
|
||||
@import './style/tag'; //标签
|
||||
@import './style/button'; //按钮
|
||||
@import './style/avatar'; //头像
|
||||
@import './style/table'; //表格
|
||||
@import './style/code'; //代码片段
|
||||
@import './style/form'; //表单
|
||||
@import './style/menu'; //表单
|
||||
@import './style/markdown'; //表单
|
||||
@import './style/card'; //表单
|
||||
Reference in New Issue
Block a user