|
|
|
@ -20,13 +20,6 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&-left {
|
|
|
|
|
.@{dawer-prefix-cls} {
|
|
|
|
|
&-handle {
|
|
|
|
|
right: -40px;
|
|
|
|
|
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
|
|
|
|
|
border-radius: 0 4px 4px 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.@{dawer-prefix-cls}-open {
|
|
|
|
|
.@{dawer-prefix-cls} {
|
|
|
|
|
&-wrapper {
|
|
|
|
@ -40,11 +33,6 @@
|
|
|
|
|
&-content-wrapper {
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
&-handle {
|
|
|
|
|
left: -40px;
|
|
|
|
|
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
|
|
|
|
|
border-radius: 4px 0 0 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.@{dawer-prefix-cls}-open {
|
|
|
|
|
& .@{dawer-prefix-cls} {
|
|
|
|
@ -60,22 +48,8 @@
|
|
|
|
|
.@{dawer-prefix-cls}-content {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.@{dawer-prefix-cls} {
|
|
|
|
|
&-handle {
|
|
|
|
|
left: 50%;
|
|
|
|
|
margin-left: -20px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&-top {
|
|
|
|
|
.@{dawer-prefix-cls} {
|
|
|
|
|
&-handle {
|
|
|
|
|
top: auto;
|
|
|
|
|
bottom: -40px;
|
|
|
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
|
|
|
border-radius: 0 0 4px 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.@{dawer-prefix-cls}-open {
|
|
|
|
|
.@{dawer-prefix-cls} {
|
|
|
|
|
&-wrapper {
|
|
|
|
@ -89,11 +63,6 @@
|
|
|
|
|
&-content-wrapper {
|
|
|
|
|
bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
&-handle {
|
|
|
|
|
top: -40px;
|
|
|
|
|
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
|
|
|
|
|
border-radius: 4px 4px 0 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.@{dawer-prefix-cls}-open {
|
|
|
|
|
.@{dawer-prefix-cls} {
|
|
|
|
@ -112,17 +81,6 @@
|
|
|
|
|
opacity: 0.3;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
&-handle {
|
|
|
|
|
&-icon {
|
|
|
|
|
background: transparent;
|
|
|
|
|
&:before {
|
|
|
|
|
transform: translateY(5px) rotate(45deg);
|
|
|
|
|
}
|
|
|
|
|
&:after {
|
|
|
|
|
transform: translateY(-5px) rotate(-45deg);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|