lib/sculptor/templates/glyptotheque/source/assets/styles/glyptotheque/_model.scss in sculptor-0.0.7 vs lib/sculptor/templates/glyptotheque/source/assets/styles/glyptotheque/_model.scss in sculptor-0.0.8

- old
+ new

@@ -52,28 +52,19 @@ position: relative; background: white; padding: $_padding; - &:before { - @include transition(300ms); - @include position(absolute, $_padding $_padding $_padding $_padding); - margin: -1px; - box-shadow: 0 0 0 1px transparent; - content: ''; - } - - &:hover:before { - box-shadow: 0 0 0 1px rgba(black, .1); - } - > figure, > iframe { - @include box-sizing(content-box); + @include transition(300ms); display: block; margin: 0; - position: relative; + + &:hover { + box-shadow: 0 0 0 1px white, 0 0 0 2px rgba(black, .1); + } } > figure { @include clearfix; } @@ -95,74 +86,9 @@ max-width: 1280px; } &.__default { max-width: 100%; - } - } - } - - > .glypto-model-source, - > .glypto-model-outline { - background: rgba(black, .03); - box-shadow: inset 0 1px darken($light-grey, 5); - - > header { - padding: 8px 15px; - } - - ._toggle { - display: block; - font-size: 10px; - font-weight: 600; - line-height: 1rem; - letter-spacing: 1px; - color: rgba(black, .3); - text-transform: uppercase; - padding: 0; - background: none; - border: none; - outline: none; - - &:before { - @include transition(120ms); - content: '▶'; - display: inline-block; - margin-right: 4px; - } - - &:hover { - color: rgba(black, .4); - } - &:active { - color: rgba(black, .6); - } - - &.__toggled:before { - @include transform(rotate(90deg)); - } - } - - > ._container { - @include transition(120ms); - max-height: 0; - overflow: auto; - } - - pre { - font: 12px/1.4 Menlo, monospace; - padding: 10px 15px; - margin: 0; - white-space: pre-wrap; - } - - &.__expanded { - > header { - border-bottom: 1px solid darken($light-grey, 3); - } - - > ._container { - max-height: 20rem; } } } }