Create global_styles dir with sub-directories. (elastic#12833)

cjcenizal · Aug 16, 2017 · 781ba0a · 781ba0a
1 parent 2ee61d5
commit 781ba0a
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 0 deletions.
diff --git a/ui_framework/dist/ui_framework.css b/ui_framework/dist/ui_framework.css
@@ -0,0 +1,70 @@
+.kuiPopover {
+ display: inline-block;
+ position: relative; }
+ .kuiPopover.kuiPopover-isOpen .kuiPopover__body {
+ opacity: 1;
+ visibility: visible;
+ z-index: 1;
+ margin-top: 10px;
+ box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1); }
+
+.kuiPopover__body {
+ line-height: 1.5;
+ font-size: 14px;
+ position: absolute;
+ min-width: 256px;
+ top: 100%;
+ left: 50%;
+ background: #FFF;
+ border: 1px solid #D9D9D9;
+ border-radius: 4px 0 4px 4px;
+ padding: 16px;
+ -webkit-transform: translateX(-50%) translateY(8px) translateZ(0);
+ transform: translateX(-50%) translateY(8px) translateZ(0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform-origin: center top;
+ transform-origin: center top;
+ opacity: 0;
+ visibility: hidden;
+ margin-top: 32px; }
+ .kuiPopover__body:before {
+ position: absolute;
+ content: "";
+ top: -16px;
+ height: 0;
+ width: 0;
+ left: 50%;
+ margin-left: -16px;
+ border-left: 16px solid transparent;
+ border-right: 16px solid transparent;
+ border-bottom: 16px solid #D9D9D9; }
+ .kuiPopover__body:after {
+ position: absolute;
+ content: "";
+ top: -15px;
+ right: 0;
+ height: 0;
+ left: 50%;
+ margin-left: -16px;
+ width: 0;
+ border-left: 16px solid transparent;
+ border-right: 16px solid transparent;
+ border-bottom: 16px solid #FFF; }
+
+.kuiPopover--anchorLeft .kuiPopover__body {
+ left: 0;
+ -webkit-transform: translateX(0%) translateY(8px) translateZ(0);
+ transform: translateX(0%) translateY(8px) translateZ(0); }
+ .kuiPopover--anchorLeft .kuiPopover__body:before, .kuiPopover--anchorLeft .kuiPopover__body:after {
+ right: auto;
+ left: 8px;
+ margin: 0; }
+
+.kuiPopover--anchorRight .kuiPopover__body {
+ left: 100%;
+ -webkit-transform: translateX(-100%) translateY(8px) translateZ(0);
+ transform: translateX(-100%) translateY(8px) translateZ(0); }
+ .kuiPopover--anchorRight .kuiPopover__body:before, .kuiPopover--anchorRight .kuiPopover__body:after {
+ right: 8px;
+ left: auto; }
diff --git a/ui_framework/src/components/index.js b/ui_framework/src/components/index.js
@@ -2,3 +2,7 @@ export {
  KuiKeyboardAccessible,
  KuiScreenReaderOnly,
 } from './accessibility';
+
+export {
+ KuiPopover,
+} from './popover';
diff --git a/ui_framework/src/components/index.scss b/ui_framework/src/components/index.scss
@@ -13,3 +13,4 @@
 // instead adding them to this library and deprecating that dependency.
 
 // Components
+@import "popover/index";