Closed
Description
I'm working on a project using Leaflet and overruling their standard tooltip layout doing something like this:
:global {
/*
The custom-tooltip class is set on the map container to address and overrule the tooltip classes by using a higher selector specifity.
*/
.custom-tooltip .leaflet-tooltip-left,
.custom-tooltip .leaflet-tooltip-right,
.custom-tooltip .leaflet-tooltip-top {
composes: shadowBottomFilter from '../../shared-styles/base-classes';
}This gives me an error:
Error: composition is only allowed when selector is single :local class name not in ".leaflet-tooltip-left,
.leaflet-tooltip-right,
.leaflet-tooltip-top", ".leaflet-tooltip-left" is weird
I'm not sure why this would not be allowed or is considered weird. What would be the correct approach you think?
Metadata
Metadata
Assignees
Labels
No labels
Type
Projects
Milestone
Relationships
Development
No branches or pull requests
Participants
Activity
TrySound commentedon Aug 28, 2017
Composition works differently to mixins. It does not mutates rules, just concatenates names.
#251
#202