blame: source/misc/embedded_libs/fmt-8.1.1/doc/bootstrap/popovers.less

normal view · raw

f8deb5b9	Poul Sander	2022-01-15 13:55	1	//
f8deb5b9	Poul Sander	2022-01-15 13:55	2	// Popovers
f8deb5b9	Poul Sander	2022-01-15 13:55	3	// --------------------------------------------------
f8deb5b9	Poul Sander	2022-01-15 13:55	4
f8deb5b9	Poul Sander	2022-01-15 13:55	5
f8deb5b9	Poul Sander	2022-01-15 13:55	6	.popover {
f8deb5b9	Poul Sander	2022-01-15 13:55	7	position: absolute;
f8deb5b9	Poul Sander	2022-01-15 13:55	8	top: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	9	left: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	10	z-index: @zindex-popover;
f8deb5b9	Poul Sander	2022-01-15 13:55	11	display: none;
f8deb5b9	Poul Sander	2022-01-15 13:55	12	max-width: @popover-max-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	13	padding: 1px;
f8deb5b9	Poul Sander	2022-01-15 13:55	14	// Reset font and text properties given new insertion method
f8deb5b9	Poul Sander	2022-01-15 13:55	15	font-family: @font-family-base;
f8deb5b9	Poul Sander	2022-01-15 13:55	16	font-size: @font-size-base;
f8deb5b9	Poul Sander	2022-01-15 13:55	17	font-weight: normal;
f8deb5b9	Poul Sander	2022-01-15 13:55	18	line-height: @line-height-base;
f8deb5b9	Poul Sander	2022-01-15 13:55	19	text-align: left;
f8deb5b9	Poul Sander	2022-01-15 13:55	20	background-color: @popover-bg;
f8deb5b9	Poul Sander	2022-01-15 13:55	21	background-clip: padding-box;
f8deb5b9	Poul Sander	2022-01-15 13:55	22	border: 1px solid @popover-fallback-border-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	23	border: 1px solid @popover-border-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	24	border-radius: @border-radius-large;
f8deb5b9	Poul Sander	2022-01-15 13:55	25	.box-shadow(0 5px 10px rgba(0,0,0,.2));
f8deb5b9	Poul Sander	2022-01-15 13:55	26
f8deb5b9	Poul Sander	2022-01-15 13:55	27	// Overrides for proper insertion
f8deb5b9	Poul Sander	2022-01-15 13:55	28	white-space: normal;
f8deb5b9	Poul Sander	2022-01-15 13:55	29
f8deb5b9	Poul Sander	2022-01-15 13:55	30	// Offset the popover to account for the popover arrow
f8deb5b9	Poul Sander	2022-01-15 13:55	31	&.top { margin-top: -@popover-arrow-width; }
f8deb5b9	Poul Sander	2022-01-15 13:55	32	&.right { margin-left: @popover-arrow-width; }
f8deb5b9	Poul Sander	2022-01-15 13:55	33	&.bottom { margin-top: @popover-arrow-width; }
f8deb5b9	Poul Sander	2022-01-15 13:55	34	&.left { margin-left: -@popover-arrow-width; }
f8deb5b9	Poul Sander	2022-01-15 13:55	35	}
f8deb5b9	Poul Sander	2022-01-15 13:55	36
f8deb5b9	Poul Sander	2022-01-15 13:55	37	.popover-title {
f8deb5b9	Poul Sander	2022-01-15 13:55	38	margin: 0; // reset heading margin
f8deb5b9	Poul Sander	2022-01-15 13:55	39	padding: 8px 14px;
f8deb5b9	Poul Sander	2022-01-15 13:55	40	font-size: @font-size-base;
f8deb5b9	Poul Sander	2022-01-15 13:55	41	background-color: @popover-title-bg;
f8deb5b9	Poul Sander	2022-01-15 13:55	42	border-bottom: 1px solid darken(@popover-title-bg, 5%);
f8deb5b9	Poul Sander	2022-01-15 13:55	43	border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	44	}
f8deb5b9	Poul Sander	2022-01-15 13:55	45
f8deb5b9	Poul Sander	2022-01-15 13:55	46	.popover-content {
f8deb5b9	Poul Sander	2022-01-15 13:55	47	padding: 9px 14px;
f8deb5b9	Poul Sander	2022-01-15 13:55	48	}
f8deb5b9	Poul Sander	2022-01-15 13:55	49
f8deb5b9	Poul Sander	2022-01-15 13:55	50	// Arrows
f8deb5b9	Poul Sander	2022-01-15 13:55	51	//
f8deb5b9	Poul Sander	2022-01-15 13:55	52	// .arrow is outer, .arrow:after is inner
f8deb5b9	Poul Sander	2022-01-15 13:55	53
f8deb5b9	Poul Sander	2022-01-15 13:55	54	.popover > .arrow {
f8deb5b9	Poul Sander	2022-01-15 13:55	55	&,
f8deb5b9	Poul Sander	2022-01-15 13:55	56	&:after {
f8deb5b9	Poul Sander	2022-01-15 13:55	57	position: absolute;
f8deb5b9	Poul Sander	2022-01-15 13:55	58	display: block;
f8deb5b9	Poul Sander	2022-01-15 13:55	59	width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	60	height: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	61	border-color: transparent;
f8deb5b9	Poul Sander	2022-01-15 13:55	62	border-style: solid;
f8deb5b9	Poul Sander	2022-01-15 13:55	63	}
f8deb5b9	Poul Sander	2022-01-15 13:55	64	}
f8deb5b9	Poul Sander	2022-01-15 13:55	65	.popover > .arrow {
f8deb5b9	Poul Sander	2022-01-15 13:55	66	border-width: @popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	67	}
f8deb5b9	Poul Sander	2022-01-15 13:55	68	.popover > .arrow:after {
f8deb5b9	Poul Sander	2022-01-15 13:55	69	border-width: @popover-arrow-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	70	content: "";
f8deb5b9	Poul Sander	2022-01-15 13:55	71	}
f8deb5b9	Poul Sander	2022-01-15 13:55	72
f8deb5b9	Poul Sander	2022-01-15 13:55	73	.popover {
f8deb5b9	Poul Sander	2022-01-15 13:55	74	&.top > .arrow {
f8deb5b9	Poul Sander	2022-01-15 13:55	75	left: 50%;
f8deb5b9	Poul Sander	2022-01-15 13:55	76	margin-left: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	77	border-bottom-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	78	border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
f8deb5b9	Poul Sander	2022-01-15 13:55	79	border-top-color: @popover-arrow-outer-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	80	bottom: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	81	&:after {
f8deb5b9	Poul Sander	2022-01-15 13:55	82	content: " ";
f8deb5b9	Poul Sander	2022-01-15 13:55	83	bottom: 1px;
f8deb5b9	Poul Sander	2022-01-15 13:55	84	margin-left: -@popover-arrow-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	85	border-bottom-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	86	border-top-color: @popover-arrow-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	87	}
f8deb5b9	Poul Sander	2022-01-15 13:55	88	}
f8deb5b9	Poul Sander	2022-01-15 13:55	89	&.right > .arrow {
f8deb5b9	Poul Sander	2022-01-15 13:55	90	top: 50%;
f8deb5b9	Poul Sander	2022-01-15 13:55	91	left: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	92	margin-top: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	93	border-left-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	94	border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
f8deb5b9	Poul Sander	2022-01-15 13:55	95	border-right-color: @popover-arrow-outer-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	96	&:after {
f8deb5b9	Poul Sander	2022-01-15 13:55	97	content: " ";
f8deb5b9	Poul Sander	2022-01-15 13:55	98	left: 1px;
f8deb5b9	Poul Sander	2022-01-15 13:55	99	bottom: -@popover-arrow-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	100	border-left-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	101	border-right-color: @popover-arrow-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	102	}
f8deb5b9	Poul Sander	2022-01-15 13:55	103	}
f8deb5b9	Poul Sander	2022-01-15 13:55	104	&.bottom > .arrow {
f8deb5b9	Poul Sander	2022-01-15 13:55	105	left: 50%;
f8deb5b9	Poul Sander	2022-01-15 13:55	106	margin-left: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	107	border-top-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	108	border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
f8deb5b9	Poul Sander	2022-01-15 13:55	109	border-bottom-color: @popover-arrow-outer-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	110	top: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	111	&:after {
f8deb5b9	Poul Sander	2022-01-15 13:55	112	content: " ";
f8deb5b9	Poul Sander	2022-01-15 13:55	113	top: 1px;
f8deb5b9	Poul Sander	2022-01-15 13:55	114	margin-left: -@popover-arrow-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	115	border-top-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	116	border-bottom-color: @popover-arrow-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	117	}
f8deb5b9	Poul Sander	2022-01-15 13:55	118	}
f8deb5b9	Poul Sander	2022-01-15 13:55	119
f8deb5b9	Poul Sander	2022-01-15 13:55	120	&.left > .arrow {
f8deb5b9	Poul Sander	2022-01-15 13:55	121	top: 50%;
f8deb5b9	Poul Sander	2022-01-15 13:55	122	right: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	123	margin-top: -@popover-arrow-outer-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	124	border-right-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	125	border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
f8deb5b9	Poul Sander	2022-01-15 13:55	126	border-left-color: @popover-arrow-outer-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	127	&:after {
f8deb5b9	Poul Sander	2022-01-15 13:55	128	content: " ";
f8deb5b9	Poul Sander	2022-01-15 13:55	129	right: 1px;
f8deb5b9	Poul Sander	2022-01-15 13:55	130	border-right-width: 0;
f8deb5b9	Poul Sander	2022-01-15 13:55	131	border-left-color: @popover-arrow-color;
f8deb5b9	Poul Sander	2022-01-15 13:55	132	bottom: -@popover-arrow-width;
f8deb5b9	Poul Sander	2022-01-15 13:55	133	}
f8deb5b9	Poul Sander	2022-01-15 13:55	134	}
f8deb5b9	Poul Sander	2022-01-15 13:55	135	}
		1970-01-01 00:00	136