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.
83 lines
1.6 KiB
83 lines
1.6 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # 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; |
|
} |
|
} |
|
}
|
|
|