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

elastic · Sep 19, 2017 · 0c03cfa · 0c03cfa
1 parent f4442e0
commit 0c03cfa
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
@@ -6,3 +6,7 @@ export {
 export {
   KuiOutsideClickDetector,
 } from './outside_click_detector';
+
+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";
Original file line number	Diff line number	Diff line change
Expand Up		@@ -13,3 +13,4 @@
		// instead adding them to this library and deprecating that dependency.

		// Components
		@import "popover/index";