blankslate.css in yattho_view_components-0.1.1

- old
+ new
@@ -1,90 +2 @@
-/* blankslate */
-
-.blankslate {
-  position: relative;
-  padding: var(--base-size-32, 32px);
-  text-align: center;
-}
-
-.blankslate p {
-    color: var(--color-fg-muted);
-  }
-
-.blankslate code {
-    padding: 2px 5px 3px;
-    font-size: var(--yattho-text-body-size-medium, 14px);
-    background: var(--color-canvas-default);
-    border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);
-    border-radius: var(--yattho-borderRadius-medium, 6px);
-  }
-
-.blankslate img {
-    width: 56px;
-    height: 56px;
-  }
-
-.blankslate-icon {
-  margin-right: var(--yattho-control-small-gap, 4px);
-  margin-bottom: var(--yattho-stack-gap-condensed, 8px);
-  margin-left: var(--yattho-control-small-gap, 4px);
-  color: var(--color-fg-muted);
-}
-
-.blankslate-image {
-  margin-bottom: var(--yattho-stack-gap-normal, 16px);
-}
-
-.blankslate-heading {
-  margin-bottom: var(--base-size-4, 4px);
-}
-
-.blankslate-action {
-  margin-top: var(--yattho-stack-gap-normal, 16px);
-}
-
-.blankslate-action:first-of-type {
-    margin-top: var(--yattho-stack-gap-spacious, 24px);
-  }
-
-.blankslate-action:last-of-type {
-    margin-bottom: var(--yattho-stack-gap-condensed, 8px);
-  }
-
-.blankslate-capped {
-  border-radius: 0 0 var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px);
-}
-
-.blankslate-spacious {
-  padding: var(--base-size-80, 80px) var(--base-size-40, 40px);
-}
-
-.blankslate-narrow {
-  max-width: 485px;
-  margin: 0 auto;
-}
-
-/* was .large-format
-** QUESTION: should we deprecate this? */
-
-.blankslate-large img {
-    width: 80px;
-    height: 80px;
-  }
-
-.blankslate-large h3 {
-    margin: var(--yattho-stack-gap-normal, 16px) 0;
-
-    /* font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size? */
-    font-size: 24px;
-  }
-
-.blankslate-large p {
-    font-size: var(--yattho-text-body-size-large, 16px);
-  }
-
-/* was .clean-background
-** TO DO: deprecate this and use utility instead */
-
-.blankslate-clean-background {
-  border: 0;
-}
+.blankslate{padding:var(--base-size-32,32px);position:relative;text-align:center}.blankslate p{color:var(--color-fg-muted)}.blankslate code{background:var(--color-canvas-default);border:var(--yattho-borderWidth-thin,1px) solid var(--color-border-muted);border-radius:var(--yattho-borderRadius-medium,6px);font-size:var(--yattho-text-body-size-medium,14px);padding:2px 5px 3px}.blankslate img{height:56px;width:56px}.blankslate-icon{color:var(--color-fg-muted);margin-bottom:var(--yattho-stack-gap-condensed,8px);margin-left:var(--yattho-control-small-gap,4px);margin-right:var(--yattho-control-small-gap,4px)}.blankslate-image{margin-bottom:var(--yattho-stack-gap-normal,16px)}.blankslate-heading{margin-bottom:var(--base-size-4,4px)}.blankslate-action{margin-top:var(--yattho-stack-gap-normal,16px)}.blankslate-action:first-of-type{margin-top:var(--yattho-stack-gap-spacious,24px)}.blankslate-action:last-of-type{margin-bottom:var(--yattho-stack-gap-condensed,8px)}.blankslate-capped{border-radius:0 0 var(--yattho-borderRadius-medium,6px) var(--yattho-borderRadius-medium,6px)}.blankslate-spacious{padding:var(--base-size-80,80px) var(--base-size-40,40px)}.blankslate-narrow{margin:0 auto;max-width:485px}.blankslate-large img{height:80px;width:80px}.blankslate-large h3{font-size:24px;margin:var(--yattho-stack-gap-normal,16px) 0}.blankslate-large p{font-size:var(--yattho-text-body-size-large,16px)}.blankslate-clean-background{border:0}
\ No newline at end of file