lex
il y a 1 an
|
|
@@ -24,6 +24,28 @@
|
|
|
justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ // &.dpi3 {
|
|
|
+ // .beatSection {
|
|
|
+
|
|
|
+ // .beat {
|
|
|
+ // width: 102px;
|
|
|
+ // height: 136px;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // &.small {
|
|
|
+ // width: 50%;
|
|
|
+
|
|
|
+ // // margin: 0 16px;
|
|
|
+ // &.dpi3 {
|
|
|
+ // .beat {
|
|
|
+ // width: 60px;
|
|
|
+ // height: 72px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
}
|
|
|
|
|
|
.conCon {
|
|
|
@@ -49,6 +71,8 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+
|
|
|
&.small {
|
|
|
.beat {
|
|
|
width: 139px !important;
|
|
|
@@ -102,7 +126,7 @@
|
|
|
justify-content: center;
|
|
|
flex: 1 auto;
|
|
|
flex-wrap: wrap;
|
|
|
- gap: 15px 0;
|
|
|
+ // gap: 15px 0;
|
|
|
// margin-bottom: 15px;
|
|
|
max-width: 900px;
|
|
|
margin: 0 auto;
|
|
|
@@ -113,6 +137,7 @@
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
// margin-bottom: 15px;
|
|
|
+ margin: 7px 0;
|
|
|
|
|
|
&.small {
|
|
|
width: 50%;
|
|
|
@@ -128,10 +153,13 @@
|
|
|
padding-left: 12px;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.beat {
|
|
|
border: 2px solid #fff;
|
|
|
- width: 65px;
|
|
|
- height: 86px;
|
|
|
+ // width: 65px;
|
|
|
+ // height: 86px;
|
|
|
+ width: 60px;
|
|
|
+ height: 72px;
|
|
|
cursor: pointer;
|
|
|
margin: 0 7px;
|
|
|
|
