|
|
| 2번째 줄: |
2번째 줄: |
| | cite { | | cite { |
| | box-shadow: inset 0 -20px 0 #FAFAFA; | | box-shadow: inset 0 -20px 0 #FAFAFA; |
| − | }
| |
| − |
| |
| − | /* Accordion header styles */
| |
| − | .bs-accordion .panel-heading {
| |
| − | padding: 0; /* Remove padding on the heading */
| |
| − | }
| |
| − |
| |
| − | /* Make anchor clickable area larger */
| |
| − | .bs-accordion .panel-heading a {
| |
| − | display: block;
| |
| − | padding: 10px 15px; /* Increase the padding to make the clickable area bigger */
| |
| − | text-decoration: none; /* Optional: Remove underline if any */
| |
| − |
| |
| − | /* Chevron rotation on active state */
| |
| − | transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
| |
| − | }
| |
| − |
| |
| − | /* Chevron icon behavior when expanded */
| |
| − | .bs-accordion .panel-heading a[aria-expanded="true"] .glyphicon.glyphicon-chevron-right {
| |
| − | transform: rotate(90deg); /* Rotate the chevron when the panel is expanded */
| |
| − | transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
| |
| − | }
| |
| − |
| |
| − | /* Default chevron behavior */
| |
| − | .bs-accordion .panel-heading .glyphicon.glyphicon-chevron-right {
| |
| − | transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1); /* Smooth transition for chevron rotation */
| |
| | } | | } |