白也blog - 样式
type: channel
link: http://www.baiyeovo.cn/index.php/tag/%E6%A0%B7%E5%BC%8F/
items: css初始样式

css初始样式
type: item
date: 2022-03-01T14:47:00+08:00
description: 常见baseStyle/* 初始化样式 ------------------------------- */ * { margin: 0; padding: 0; box-sizing: border-box; outline: none !important; } :root { --startdt-color-white: #ffffff; --startdt-bg-main-color: #f8f8f8; --startdt-bg-color: #f5f5ff; --startdt-border-color-light: #f1f2f3; --startdt-color-primary-lighter: #ecf5ff; --startdt-color-success-lighter: #f0f9eb; --startdt-color-warning-lighter: #fdf6ec; --startdt-color-danger-lighter: #fef0f0; --startdt-color-dark-hover: #0000001a; --startdt-color-menu-hover: rgba(0, 0, 0, 0.2); --startdt-color-user-hover: rgba(0, 0, 0, 0.04); --startdt-color-seting-main: #e9eef3; --startdt-color-seting-aside: #d3dce6; --startdt-color-seting-header: #b3c0d1; } html, body, #app { margin: 0; padding: 0; width: 100%; height: 100%; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; background-color: var(--startdt-bg-main-color); font-size: 14px; overflow: hidden; position: relative; } /* nprogress 进度条跟随主题颜色 ------------------------------- */ #nprogress { .bar { background: var(--el-color-primary) !important; z-index: 9999999 !important; } } /* 主布局样式 ------------------------------- */ .layout-container { width: 100%; height: 100%; min-width: 1080px; flex-direction: column; .layout-aside { background-color: #545c64; color: #fff; box-shadow: 2px 0 6px rgb(0 21 41 / 1%); height: inherit; position: relative; z-index: 1; display: flex; flex-direction: column; overflow-x: hidden !important; transition: width 0.3s ease; .el-scrollbar__view { overflow: hidden; } } .layout-header { background-color: var(--startdt-color-white, #fff); box-shadow: 0 1px 5px 0 rgb(57 57 57 / 12%); padding: 0 !important; } .layout-backtop { display: flex; flex-direction: column; width: 100%; overflow: hidden; } .layout-main { padding: 0 !important; overflow: hidden; width: 100%; background-color: var(--startdt-bg-main-col…