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