Changeset View
Changeset View
Standalone View
Standalone View
common/static/common/styles/studio/_files.scss
| Show First 20 Lines • Show All 56 Lines • ▼ Show 20 Lines | .file { | ||||
| &.locked { | &.locked { | ||||
| .file-image { | .file-image { | ||||
| filter: blur(10px); | filter: blur(10px); | ||||
| position: relative; | position: relative; | ||||
| transform: scale(1.1); | transform: scale(1.1); | ||||
| } | } | ||||
| } | } | ||||
| &.square, | |||||
| &.widescreen, | |||||
| &.fourbythree { | |||||
| .file-image { | |||||
| position: absolute; | |||||
| object-fit: cover; | |||||
| object-position: center; | |||||
| top: 50%; | |||||
| left: 50%; | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| transform: translate(-50%, -50%); | |||||
| } | |||||
| } | |||||
| &.square { | |||||
| .file-modal-link { | |||||
| padding-bottom: 100%; | |||||
| } | |||||
| } | |||||
| &.widescreen { | |||||
| .file-modal-link { | |||||
| padding-bottom: 56.25%; | |||||
| } | |||||
| } | |||||
| &.fourbythree { | |||||
| .file-modal-link { | |||||
| padding-bottom: 75%; | |||||
| } | |||||
| } | |||||
| } | } | ||||
| .file-header { | .file-header { | ||||
| @include button-float; | @include button-float; | ||||
| border-radius: $border-radius; | border-radius: $border-radius; | ||||
| background: $navigation-gray; | background: $navigation-gray; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| ▲ Show 20 Lines • Show All 191 Lines • Show Last 20 Lines | |||||