0.0.1 • Published 2 years ago
ss.common.css v0.0.1
下载引用:
npm install ss.common.css -D import 'ss.common.css/index.css' // 已自带引入:normalize.css: 8.0.1
类名:
.block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .flex-1 { flex: 1; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .justify-content-start { justify-content: flex-start; } .justify-content-center { justify-content: center; } .justify-content-end { justify-content: flex-end; } .justify-content-baseline { justify-content: baseline; } .align-items-start { align-items: flex-start; } .align-items-center { align-items: center; } .align-items-end { align-items: flex-end; } .w100 { width: 100%; } .h100 { height: 100%; } .flex-shrink-0 { flex-shrink: 0; } .border-radius-2 { border-radius: 2px; } .border-radius-4 { border-radius: 4px; } .border-radius-6 { border-radius: 6px; } .border-radius-8 { border-radius: 8px; } .border-radius-half { border-radius: 50%; } .border-radius-circular { border-radius: 50000px; } .border { border: 1px solid #dcdfe6; } .border-right { border-right: 1px solid #dcdfe6; } .border-top { border-top: 1px solid #dcdfe6; } .border-bottom { border-bottom: 1px solid #dcdfe6; } .border-left { border-left: 1px solid #dcdfe6; } .disabled-cursor { cursor: not-allowed; } .text-default { color: #606266; } .text-white { color: white; } .text-primary { color: #409eff; } .bg-primary { background: #409eff; } .bg-white { background: white; } .bg-success { background: #67c23a; } .bg-info { background: #909399; } .bg-warning { background: #e6a23c; } .bg-danger { background: #f56c6c; } .font-weight-bold { font-weight: bold; } .font-weight-normal { font-weight: normal; } .box-shadow-basic { box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08); } .box-shadow-light { box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12); } .box-shadow-lighter { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12); } .box-shadow-dark { box-shadow: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px; } .box-sizing{ box-sizing: border-box; } .fixed{ position: fixed; } .absolute{ position:absolute; } .relative{ position:relative; } .overflow-y-auto{ overflow-y: auto; } .overflow-y-hidden{ overflow-y: hidden; } .overflow-x-auto{ overflow-x: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .text-align-center{ text-align: center; } .text-align-left{ text-align: left; } .text-align-right{ text-align: right; } .reset-scrollba::-webkit-scrollbar { width: 4px; height: 4px; background-color: transparent; } /*滚动条的轨道*/ .reset-scrollbar::-webkit-scrollbar-track { background-color: transparent; } /*滚动条的滑块按钮*/ .reset-scrollba::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0, 0, 0, 0.04); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.04); } /*滚动条的上下两端的按钮*/ .reset-scrollba::-webkit-scrollbar-button { height: 0; background-color: transparent; }
0.0.1
2 years ago