diff options
| author | Maximilian Hils <git@maximilianhils.com> | 2020-02-26 11:50:42 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-02-26 11:50:42 +0100 |
| commit | 89933ca7eae72418fd08d97711d2f11a59e1a398 (patch) | |
| tree | 194e7ff191e3b162f7526953c0d6aedc22866f98 /docs/src/assets/bulma/elements/image.sass | |
| parent | ff759fa51b00c05c3873efaa8ae16abe3d078bfb (diff) | |
| parent | c6393f86d70ca33385cc8029e9e5029c5627d5c3 (diff) | |
| download | mitmproxy-89933ca7eae72418fd08d97711d2f11a59e1a398.tar.gz mitmproxy-89933ca7eae72418fd08d97711d2f11a59e1a398.tar.bz2 mitmproxy-89933ca7eae72418fd08d97711d2f11a59e1a398.zip | |
Merge pull request #3829 from meetmangukiya/rm-node-scss
Remove yarn/npm from docs
Diffstat (limited to 'docs/src/assets/bulma/elements/image.sass')
| -rw-r--r-- | docs/src/assets/bulma/elements/image.sass | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/docs/src/assets/bulma/elements/image.sass b/docs/src/assets/bulma/elements/image.sass new file mode 100644 index 00000000..7547abcf --- /dev/null +++ b/docs/src/assets/bulma/elements/image.sass @@ -0,0 +1,71 @@ +$dimensions: 16 24 32 48 64 96 128 !default + +.image + display: block + position: relative + img + display: block + height: auto + width: 100% + &.is-rounded + border-radius: $radius-rounded + &.is-fullwidth + width: 100% + // Ratio + &.is-square, + &.is-1by1, + &.is-5by4, + &.is-4by3, + &.is-3by2, + &.is-5by3, + &.is-16by9, + &.is-2by1, + &.is-3by1, + &.is-4by5, + &.is-3by4, + &.is-2by3, + &.is-3by5, + &.is-9by16, + &.is-1by2, + &.is-1by3 + img, + .has-ratio + @extend %overlay + height: 100% + width: 100% + &.is-square, + &.is-1by1 + padding-top: 100% + &.is-5by4 + padding-top: 80% + &.is-4by3 + padding-top: 75% + &.is-3by2 + padding-top: 66.6666% + &.is-5by3 + padding-top: 60% + &.is-16by9 + padding-top: 56.25% + &.is-2by1 + padding-top: 50% + &.is-3by1 + padding-top: 33.3333% + &.is-4by5 + padding-top: 125% + &.is-3by4 + padding-top: 133.3333% + &.is-2by3 + padding-top: 150% + &.is-3by5 + padding-top: 166.6666% + &.is-9by16 + padding-top: 177.7777% + &.is-1by2 + padding-top: 200% + &.is-1by3 + padding-top: 300% + // Sizes + @each $dimension in $dimensions + &.is-#{$dimension}x#{$dimension} + height: $dimension * 1px + width: $dimension * 1px |