Contents

/* 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;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
yattho_view_components-0.0.1	app/components/yattho/beta/blankslate.css