Template
Panel/styles.css
From Dogcraft Wiki
No edit summary Tag: Reverted |
No edit summary |
||
(23 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.collapsible-panel { | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
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; | ||
width: | 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; | |||
} | } |
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;
}