leaflet-responsive-popup/docs/assets/leaflet.responsive.popup.css

Removes the need to move the map to be able to see the content of a L.Popup

/*
 leaflet.responsive.popup 1.0.0
 (c) 20222 https://github.com/yafred
*/


/* North */
.leaflet-resp-popup-north .leaflet-popup-tip {
	box-shadow: none;
}


/* South */
.leaflet-resp-popup-south .leaflet-popup-tip-container {
	top: 0;
	margin-top: -20px;
}

.leaflet-resp-popup-south .leaflet-popup-tip {
	margin: 11px auto 0;
	box-shadow: none;
}


/* West */
.leaflet-resp-popup-west .leaflet-popup-tip-container {
	right: 0;	
	margin-right: -20px;
	left: 100%;
	margin-left: -2px;
	top: 50%;
	margin-top: -11px;
}

.leaflet-resp-popup-west .leaflet-popup-tip {
	margin: 1px -8px 0 -8px;
	box-shadow: none;
}


/* East */
.leaflet-resp-popup-east .leaflet-popup-tip-container {
	width: 20px;
	left: 2px;
	top: 50%;
	margin-top: -11px;
}

.leaflet-resp-popup-east .leaflet-popup-tip {
	margin: 0 11px;
	box-shadow: none;
}


/* South-East */
.leaflet-resp-popup-south-east .leaflet-popup-tip-container {
	left: 0;
	margin-left: 0;
	top: 0;
	margin-top: -20px;
}

.leaflet-resp-popup-south-east .leaflet-popup-tip {
	margin: 11px 11px 11px -8px;
	box-shadow: none;
}

.leaflet-resp-popup-south-east .leaflet-popup-content-wrapper {
    border-radius: 0 20px 20px 20px;
}


/* East-South */
.leaflet-resp-popup-east-south .leaflet-popup-tip-container {
	width: 20px;
	left: 0;
	top: 0;
}

.leaflet-resp-popup-east-south .leaflet-popup-tip {
	margin: -8px 11px;
	box-shadow: none;
}

.leaflet-resp-popup-east-south .leaflet-popup-content-wrapper {
    border-radius: 0 20px 20px 20px;
}


/* North-East */
.leaflet-resp-popup-north-east .leaflet-popup-tip-container {
	left: 0;
	margin-left: 0;
	margin-top: -1px;
}

.leaflet-resp-popup-north-east .leaflet-popup-tip {
	margin: -8px 11px 11px -8px;
	box-shadow: none;
}

.leaflet-resp-popup-north-east .leaflet-popup-content-wrapper {
    border-radius: 20px 20px 20px 0;
}


/* East-North */
.leaflet-resp-popup-east-north .leaflet-popup-tip-container {
	left: 0;
	margin-left: -20px;
	margin-top: -20px;
}

.leaflet-resp-popup-east-north .leaflet-popup-tip {
	margin: 11px 11px 11px 11px;
	box-shadow: none;
}


/* North-West */
.leaflet-resp-popup-north-west .leaflet-popup-tip-container {
	width: 20px;
	margin-right: 0;
	margin-top: -1px;
	left: 100%;
	right: 0;
}

.leaflet-resp-popup-north-west .leaflet-popup-tip {
	margin: -8px 11px 11px 11px;
	box-shadow: none;
}

.leaflet-resp-popup-north-west .leaflet-popup-content-wrapper {
    border-radius: 20px 20px 0 20px;
}


/* West-North */
.leaflet-resp-popup-west-north .leaflet-popup-tip-container {
	margin-left: 0;
	margin-top: -20px;
	left: 100%;
	right: 0;
}

.leaflet-resp-popup-west-north .leaflet-popup-tip {
	margin: 11px 11px 0px -8px;
	box-shadow: none;
}

.leaflet-resp-popup-west-north .leaflet-popup-content-wrapper {
    border-radius: 20px 20px 0 20px;
}


/* South-West */
.leaflet-resp-popup-south-west .leaflet-popup-tip-container {
	width: 20px;
	left: 100%;
	top: 0;
	margin-top: -20px;
}

.leaflet-resp-popup-south-west .leaflet-popup-tip {
	margin: 11px 11px 11px 11px;
	box-shadow: none;
}

.leaflet-resp-popup-south-west .leaflet-popup-content-wrapper {
	border-radius: 20px 0 20px 20px;
}


/* West-South */
.leaflet-resp-popup-west-south .leaflet-popup-tip-container {
	margin-left: 0;
	margin-right: -20px;
	left: 100%;
	right: 0;
	top: 0;
}

.leaflet-resp-popup-west-south .leaflet-popup-tip {
	margin: -8px;
	box-shadow: none;
}

.leaflet-resp-popup-west-south .leaflet-popup-content-wrapper {
	border-radius: 20px 0 20px 20px;
}