@mikezimm/npmfunctions
Version:
Functions used in my SPFx webparts
39 lines (29 loc) • 1.19 kB
CSS
/* https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/reference-third-party-css-styles */
/* Usage in Webpart.ts: require('@mikezimm/npmfunctions/dist/GrayPropPaneAccordions.css'); */
/* */
/* Sample with aria-expanded: https://stackoverflow.com/a/39927006 */
/* */
*[data-automation-id="propertyPanePageContent"] > div > button [data-icon-name="ChevronUp"] {
/* color: white; */
transition: all 0.3s ease;
font-weight: 600;
}
*[data-automation-id="propertyPanePageContent"] > div > button [data-icon-name="ChevronDown"] {
/* color: black; */
transition: all 0.3s ease;
font-weight: 600;
}
*[data-automation-id="propertyPanePageContent"] > div > button[aria-expanded="false"] {
background-color: #e4e4e4;
transition: all 0.3s ease;
font-weight: 600;
}
*[data-automation-id="propertyPanePageContent"] > div > button[aria-expanded="true"] {
background-color: #bfbfbf ;
transition: all 0.3s ease;
font-weight: 600;
}
*[data-automation-id="propertyPanePageContent"] > div > button:hover {
background-color: lightgray;
transition: all 0.3s ease;
}