public.scss 添加新样式

Former-commit-id: 9c54b81faabdee45739da86a0f33b8035f69eeb3
2018-07-07 19:39:36 +08:00
parent 980450f37f
commit dac3e5ac28
1 changed files with 25 additions and 0 deletions
@@ -9,6 +9,31 @@ $prefix: d2;
  cursor: pointer;
 }

+// 填满父元素
+// 组要父元素 position: relative | absolute;
+%full {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+// flex 垂直水平居中
+%flex-center-row {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+}
+%flex-center-col {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+// 将元素模拟成卡片外观
 %card {
  border: 1px solid #dddee1;
  border-color: #e9eaec;