1 files changed, 45 insertions, 0 deletions
diff --git a/scss/uikit/components/placeholder.scss b/scss/uikit/components/placeholder.scss
new file mode 100644
index 00000000..05c06f7d
--- /dev/null
+++ b/scss/uikit/components/placeholder.scss
@@ -0,0 +1,45 @@
+// Name:            Placeholder
+// Description:     Component to create placeholder boxes
+//
+// Component:       `uk-placeholder`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$placeholder-margin-vertical:                    $global-margin !default;
+$placeholder-padding-vertical:                   $global-gutter !default;
+$placeholder-padding-horizontal:                 $global-gutter !default;
+$placeholder-background:                         $global-muted-background !default;
+
+
+/* ========================================================================
+   Component: Placeholder
+ ========================================================================== */
+
+.uk-placeholder {
+    margin-bottom: $placeholder-margin-vertical;
+    padding: $placeholder-padding-vertical $placeholder-padding-horizontal;
+    background: $placeholder-background;
+    @if(mixin-exists(hook-placeholder)) {@include hook-placeholder();}
+}
+
+/* Add margin if adjacent element */
+* + .uk-placeholder { margin-top: $placeholder-margin-vertical; }
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-placeholder > :last-child { margin-bottom: 0; }
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-placeholder-misc)) {@include hook-placeholder-misc();}
+
+// @mixin hook-placeholder(){}
+// @mixin hook-placeholder-misc(){}
+\ No newline at end of file