# depicter/1.2.0/resources/styles/player/preview.css

Depicter — Popup & Slider Builder, version 1.2.0. 35 lines.

- Page: https://pluginprobe.com/plugins/depicter/1.2.0/code/resources/styles/player/preview.css
- Raw: https://pluginprobe.com/plugins/depicter/1.2.0/raw/resources/styles/player/preview.css
- Modified: 2022-06-01T06:26:20+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/depicter/1.2.0/code/resources/styles/player/preview.css#L10-L20`.

```css
/* line 1, sass/preview.scss */
body {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  overflow-x: hidden;
  min-height: 100vh;
}
/* line 8, sass/preview.scss */
body .depicter-document {
  flex: auto;
}
/* line 12, sass/preview.scss */
body .depicter-preview-canvas {
  width: 100%;
}
/* line 14, sass/preview.scss */
body .depicter-preview-canvas .depicter-layout-boxed {
  margin: 0 auto;
}

/* line 20, sass/preview.scss */
.depicter-no-content {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f2f5;
  color: #a29fad;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  font-size: 1.2em;
  height: 100vh;
  width: 100%;
}

```