156 lines
3.0 KiB
Plaintext
156 lines
3.0 KiB
Plaintext
.rubik-cube {
|
|
overflow: hidden;
|
|
padding: 20rpx;
|
|
/* display: flex;
|
|
flex-wrap: wrap; */
|
|
}
|
|
|
|
.rubik-cube .item {
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.rubik-cube .item image {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
/* max-height: 388rpx; */
|
|
}
|
|
|
|
.rubik-cube .item.row1-of2 {
|
|
width: 50%;
|
|
padding-bottom: 0!important;
|
|
padding-top: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of2:nth-child(1) {
|
|
padding-left: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of2:nth-child(2) {
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of3 {
|
|
width: 33.33%;
|
|
padding-bottom: 0!important;
|
|
padding-top: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of3:nth-child(1) {
|
|
padding-left: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of3:nth-child(3) {
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of4 {
|
|
width: 25%;
|
|
padding-bottom: 0!important;
|
|
padding-top: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of4:nth-child(1) {
|
|
padding-left: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-of4:nth-child(4) {
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row2-lt-of2-rt {
|
|
width: 50%;
|
|
display: inline-block;
|
|
}
|
|
|
|
.rubik-cube .item.row2-lt-of2-rt:nth-child(1) {
|
|
padding-left: 0!important;
|
|
padding-top: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row2-lt-of2-rt:nth-child(2) {
|
|
padding-right: 0!important;
|
|
padding-top: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row2-lt-of2-rt:nth-child(3) {
|
|
padding-left: 0!important;
|
|
padding-bottom: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row2-lt-of2-rt:nth-child(4) {
|
|
padding-right: 0!important;
|
|
padding-bottom: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of2-rt {
|
|
width: 50%;
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of2-rt:nth-child(1) {
|
|
width: 48%;
|
|
padding-left: 0!important;
|
|
padding-top: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of2-rt:nth-child(2) {
|
|
float: right;
|
|
padding-top: 0!important;
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of2-rt:nth-child(3) {
|
|
float: right;
|
|
padding-bottom: 0!important;
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-tp-of2-bm:nth-child(1) {
|
|
width: 100%;
|
|
padding-left: 0!important;
|
|
padding-top: 0!important;
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-tp-of2-bm:nth-child(2) {
|
|
padding-left: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-tp-of2-bm:nth-child(3) {
|
|
padding-right: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-tp-of2-bm:nth-child(2),
|
|
.rubik-cube .item.row1-tp-of2-bm:nth-child(3) {
|
|
width: 50%;
|
|
padding-bottom: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(1) {
|
|
width: 50%;
|
|
padding-left: 0!important;
|
|
padding-top: 0!important;
|
|
padding-bottom: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(2) {
|
|
width: 50%;
|
|
padding-right: 0!important;
|
|
padding-top: 0!important;
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(3) {
|
|
/* padding-left: 0!important; */
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(4) {
|
|
/* padding-right: 0!important; */
|
|
}
|
|
|
|
.rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(3),
|
|
.rubik-cube .item.row1-lt-of1-tp-of2-bm:nth-child(4) {
|
|
width: 25%;
|
|
padding-bottom: 0!important;
|
|
} |