Revert "Moved Accordion css into vue file"

This reverts commit f1b20e18c0.
pull/12/head
cagataycivici 2018-12-31 23:04:46 +03:00
parent f1b20e18c0
commit 71aed36d4c
3 changed files with 58 additions and 60 deletions

View File

@ -1,4 +1,5 @@
@import '../../components/common/Common.css';
@import '../../components/accordion/Accordion.css';
@import '../../components/button/Button.css';
@import '../../components/card/Card.css';
@import '../../components/checkbox/Checkbox.css';

View File

@ -0,0 +1,56 @@
.p-accordion {
width: 100%;
}
.p-accordion .p-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.p-accordion .p-accordion-header a {
display: block;
padding: .5em;
}
.p-accordion .p-accordion-toggle-icon,
.p-accordion .p-accordion-header-text {
vertical-align: middle;
}
.p-accordion .p-accordion-header a > span {
display: inline-block;
vertical-align: middle;
}
.p-accordion .p-accordion-content {
padding: 1em;
border-top: 0;
zoom: 1;
}
.p-accordion .p-accordion-header.p-disabled,
.p-accordion .p-accordion-header.p-disabled a {
cursor: default;
}
.p-accordion-content-wrapper-enter,
.p-accordion-content-wrapper-leave-to {
max-height: 0;
}
.p-accordion-content-wrapper-enter-to,
.p-accordion-content-wrapper-leave {
max-height: 1000px;
}
.p-accordion-content-wrapper-leave-active {
overflow: hidden;
transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
}
.p-accordion-content-wrapper-enter-active {
overflow: hidden;
transition: max-height 1s ease-in-out;
}

View File

@ -67,63 +67,4 @@ export default {
)
}
}
</script>
<style>
.p-accordion {
width: 100%;
}
.p-accordion .p-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.p-accordion .p-accordion-header > a {
display: block;
padding: .5em;
}
.p-accordion .p-accordion-toggle-icon,
.p-accordion .p-accordion-header-text {
vertical-align: middle;
}
.p-accordion .p-accordion-header a > span {
display: inline-block;
vertical-align: middle;
}
.p-accordion .p-accordion-content {
padding: 1em;
border-top: 0;
zoom: 1;
}
.p-accordion .p-accordion-header.p-disabled,
.p-accordion .p-accordion-header.p-disabled a {
cursor: default;
}
.p-accordion-content-wrapper-enter,
.p-accordion-content-wrapper-leave-to {
max-height: 0;
}
.p-accordion-content-wrapper-enter-to,
.p-accordion-content-wrapper-leave {
max-height: 1000px;
}
.p-accordion-content-wrapper-leave-active {
overflow: hidden;
transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
}
.p-accordion-content-wrapper-enter-active {
overflow: hidden;
transition: max-height 1s ease-in-out;
}
</style>
</script>