Template
Panel/styles.css
From Dogcraft Wiki
No edit summary |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
box-shadow: 0 2px 3px rgba(85, 85, 85, 0.1), 0 0 0 1px rgba(85, 85, 85, 0.1); | box-shadow: 0 2px 3px rgba(85, 85, 85, 0.1), 0 0 0 1px rgba(85, 85, 85, 0.1); | ||
transition: box-shadow 0.2s ease-in-out; | transition: box-shadow 0.2s ease-in-out; | ||
padding: 10px; | padding: 10px 15px; | ||
margin: 17.5px 0; | |||
width: inherit; | width: inherit; | ||
} | } |
Latest revision as of 16:25, 7 February 2023
.collapsible-panel {
display: flex;
flex-direction: column;
background: #ffffff;
border-radius:5px;
box-shadow: 0 2px 3px rgba(85, 85, 85, 0.1), 0 0 0 1px rgba(85, 85, 85, 0.1);
transition: box-shadow 0.2s ease-in-out;
padding: 10px 15px;
margin: 17.5px 0;
width: inherit;
}
.collapsible-panel .panel-content {
margin-top: 10px;
}
.collapsible-panel:hover,
.collapsible-panel:focus{
box-shadow: 0 2px 3px rgba(85, 85, 85, 0.25), 0 0 10px rgba(85, 85, 85, 0.25);
}
.collapsible-panel .panel-header {
font-weight: 600;
font-size: 16px;
line-height: 1.5;
}
.collapsible-panel p {
margin: 0 !important;
}
.collapsible-panel .panel-header .panel-icon {
pointer-events: none;
margin-right: 5px;
}