You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
1.6 KiB
84 lines
1.6 KiB
3 years ago
|
/* ------------------------------------------------------------------------------
|
||
|
|
*
|
||
|
|
* # Popovers component
|
||
|
|
*
|
||
|
|
* Overrides for popovers bootstrap component
|
||
|
|
*
|
||
|
|
* Version: 1.0
|
||
|
|
* Latest update: May 25, 2015
|
||
|
|
*
|
||
|
|
* ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
|
||
|
|
// Base class
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
// Base
|
||
|
|
.popover {
|
||
|
|
border-radius: @border-radius-base;
|
||
|
|
padding: 0;
|
||
|
|
.box-shadow(0 1px 3px fade(#000, 10%));
|
||
|
|
}
|
||
|
|
|
||
|
|
// Title
|
||
|
|
.popover-title {
|
||
|
|
font-size: @font-size-small;
|
||
|
|
line-height: @line-height-small;
|
||
|
|
border: 0;
|
||
|
|
padding: @content-padding-base @content-padding-base 0 @content-padding-base;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-weight: 500;
|
||
|
|
.border-top-radius(@border-radius-base);
|
||
|
|
|
||
|
|
// Reduce size if inside colored container
|
||
|
|
&[class*=bg-] {
|
||
|
|
padding: @content-padding-small @content-padding-base;
|
||
|
|
margin: -1px -1px 0 -1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Content
|
||
|
|
.popover-content {
|
||
|
|
padding: @content-padding-base;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// Custom color options
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
.popover[class*=bg-],
|
||
|
|
.popover[class*=border-] {
|
||
|
|
|
||
|
|
// Top arrow
|
||
|
|
&.top > .arrow {
|
||
|
|
&,
|
||
|
|
&:after {
|
||
|
|
border-top-color: inherit;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Right arrow
|
||
|
|
&.right > .arrow {
|
||
|
|
&,
|
||
|
|
&:after {
|
||
|
|
border-right-color: inherit;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Bottom arrow
|
||
|
|
&.bottom > .arrow {
|
||
|
|
&,
|
||
|
|
&:after {
|
||
|
|
border-bottom-color: inherit;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Left arrow
|
||
|
|
&.left > .arrow {
|
||
|
|
&,
|
||
|
|
&:after {
|
||
|
|
border-left-color: inherit;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|