diff options
| author | Lucifer <[email protected]> | 2019-12-15 20:38:09 +0530 |
|---|---|---|
| committer | Lucifer <[email protected]> | 2019-12-15 20:38:09 +0530 |
| commit | 50285c975ef0605cef713fff44a76ffb7ac756f0 (patch) | |
| tree | b7c2d35c7601264cd4e841da0cf9819ff511f426 /dist/mac | |
| parent | 810fb5f43ce2235a1e4bb3dd7a4143f7eb9629d4 (diff) | |
| download | nativekit-50285c975ef0605cef713fff44a76ffb7ac756f0.tar.xz nativekit-50285c975ef0605cef713fff44a76ffb7ac756f0.zip | |
Image Views
Diffstat (limited to 'dist/mac')
| -rw-r--r-- | dist/mac/all.css | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/dist/mac/all.css b/dist/mac/all.css index e60bf35..736de73 100644 --- a/dist/mac/all.css +++ b/dist/mac/all.css @@ -1137,6 +1137,77 @@ h6 { color: #777978; } +/* Image View */ + +.imageview { + background-repeat: no-repeat; +} + +.imageview.cover { + background-size: cover; + background-position: center; + width: 90%; + margin: 20px auto; + height: 50vh; + border-radius: 4px; +} + +.imageview.contained-cover { + background-size: contain; + background-position: center; + width: 90%; + margin: 20px auto; + height: 50vh; + border-radius: 4px; +} + +.imageview.stickTop { + background-size: cover; + background-position: center 0; + width: 90%; + margin: 20px auto; + height: 50vh; + border-radius: 4px; +} + +.imageview.stickBottom { + background-size: cover; + background-position: center 100%; + width: 90%; + margin: 20px auto; + height: 50vh; + border-radius: 4px; +} + +.thumbnail-small, .thumbnail-medium, .thumbnail-large { + display: inline-block; + margin: 10px 5px; + border-radius: 4px; +} + +.thumbnail-small, .thumbnail-medium, .thumbnail-large { + margin: 10px 5px 10px 10px; +} + +.thumbnail-small { + width: 64px; + height: 64px; +} + +.thumbnail-medium { + width: 96px; + height: 96px; +} + +.thumbnail-large { + width: 128px; + height: 128px; +} + +.thumbnail-small.selected, .thumbnail-medium.selected, .thumbnail-large.selected{ + border: solid 2px #0063E1; +} + /* Lists */ .list { |