init

bower_components/uikit/scss/components/placeholder.scss

@@ -0,0 +1,66 @@
+// Name:            Placeholder
+// Description:     Defines styles for placeholder boxes
+//
+// Component:       `uk-placeholder`
+//
+// Modifiers:       `uk-placeholder-large`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$placeholder-margin-vertical:                    15px !default;
+$placeholder-padding:                            20px !default;
+$placeholder-border:                             #ddd !default;
+$placeholder-background:                         #fafafa !default;
+$placeholder-color:                              #444 !default;
+
+$placeholder-large-padding-vertical:             80px !default;
+
+
+/* ========================================================================
+   Component: Placeholder
+ ========================================================================== */
+
+.uk-placeholder {
+    margin-bottom: $placeholder-margin-vertical;
+    padding: $placeholder-padding;
+    border: 1px dashed $placeholder-border;
+    background: $placeholder-background;
+    color: $placeholder-color;
+    @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; }
+
+
+/* Modifier: `uk-placeholder-large`
+ ========================================================================== */
+
+.uk-placeholder-large {
+    padding-top: $placeholder-large-padding-vertical;
+    padding-bottom: $placeholder-large-padding-vertical;
+    @include hook-placeholder-large();
+}
+
+
+// Hooks
+// ========================================================================
+
+@include hook-placeholder-misc();
+
+// @mixin hook-placeholder(){}
+// @mixin hook-placeholder-large(){}
+// @mixin hook-placeholder-misc(){}