Contents

body {
  position: relative;

  &.x-ray__helpers--x-ray-is-active {
    overflow: hidden;
  }
}

.x-ray {
  background: ui-color(white);
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 0.3s ease;
  min-height: 100%;

  .page-header {
    flex: 0 0 auto;
  }
}

.x-ray--is-active {
  opacity: 1;
  z-index: 1200;
}



.x-ray__content {
  padding-bottom: 3rem;
}


.x-ray__list {
  padding: default(spacing);
  background-color: ui-color(gray, light);
}

.x-ray__closer {
  background: transparent;
  border: none;
  padding: 0;
  appearance: none;
}



.x-ray__diagram {
  padding: default(spacing) 0 0;
  background: ui-color(gray);
}


.x-ray__details {
  display: none;
}

.x-ray__details--is-visible {
  display: block;
}

.x-ray__details__tagname {
  display: inline-block;
  font-size: 0.75em;
  background-color: ui-color(gray, light);
  padding: 0.3em 0.4em 0.2em;
  @include default(border-radius);
  line-height: 1;
  color: ui-color(gray, darker);
  margin-right: 0.25rem;
}

.x-ray__details__description {
  margin-bottom: (2 * default(spacing));
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
docks_theme_api-1.0.3	source/components/xray/xray.scss
docks_theme_api-1.0.2	source/components/xray/xray.scss