mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-05 11:52:49 +08:00
新增极简图标卡片;
This commit is contained in:
1
source/scss/card/_index.scss
Normal file
1
source/scss/card/_index.scss
Normal file
@@ -0,0 +1 @@
|
||||
@import './ul-card-simple-icon';
|
||||
29
source/scss/card/_ul-card-simple-icon.scss
Normal file
29
source/scss/card/_ul-card-simple-icon.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
.ul-card-simple-icon {
|
||||
display : inline-block;
|
||||
margin-right : 15px;
|
||||
margin-bottom : 15px;
|
||||
box-shadow : 0 2px 12px 0 #bbb;
|
||||
border-radius : 4px;
|
||||
border : 1px solid #ebeef5;
|
||||
background-color: #fff;
|
||||
box-sizing : border-box;
|
||||
width : 100px;
|
||||
padding : 10px;
|
||||
|
||||
text-align: center;
|
||||
|
||||
.ul-card-simple-icon-image {
|
||||
width : 80px;
|
||||
height : 80px;
|
||||
background-size : cover;
|
||||
background-position: center;
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
.ul-card-simple-icon-title {
|
||||
border-top : 2px solid #ebeef5;
|
||||
margin-top : 8px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user