# code-block-pro/1.27.3/build/shiki/samples/css.sample

Code Block Pro – Beautiful Syntax Highlighting, version 1.27.3. 47 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.27.3/code/build/shiki/samples/css.sample
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.27.3/raw/build/shiki/samples/css.sample
- Modified: 2023-09-03T01:04:34+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/code-block-pro/1.27.3/code/build/shiki/samples/css.sample#L10-L20`.

```
html {
	margin: 0;
	background: black;
	height: 100%;
}

body {
	margin: 0;
	width: 100%;
	height: inherit;
}

/* the three main rows going down the page */

body > div {
  height: 25%;
}

.thumb {
	float: left;
	width: 25%;
	height: 100%;
	object-fit: cover;
}

.main {
  display: none;
}

.blowup {
  display: block;
  position: absolute;
  object-fit: contain;
  object-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}

.darken {
  opacity: 0.4;
}

/* From https://github.com/mdn/css-examples/blob/main/object-fit-gallery/style.css */

```