diff options
author | David Luevano Alvarado <david@luevano.xyz> | 2024-03-07 21:55:16 -0600 |
---|---|---|
committer | David Luevano Alvarado <david@luevano.xyz> | 2024-03-07 21:55:16 -0600 |
commit | bd86f4fc950cdc5bb4cb346f48c14a6e356dc4fb (patch) | |
tree | c1cebd6a0b48c38e2100d8e4fe9745fd7f585bd5 /live/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less | |
parent | ca9c5626495c00f6d6cffd4ae517a66db15b0832 (diff) |
stop tracking live/
Diffstat (limited to 'live/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less')
-rw-r--r-- | live/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/live/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less b/live/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less deleted file mode 100644 index f233cb3..0000000 --- a/live/static/fork-awesome/src/doc/assets/less/bootstrap-3.3.5/mixins/image.less +++ /dev/null @@ -1,33 +0,0 @@ -// Image Mixins -// - Responsive image -// - Retina image - - -// Responsive image -// -// Keep images from scaling beyond the width of their parents. -.img-responsive(@display: block) { - display: @display; - max-width: 100%; // Part 1: Set a maximum relative to the parent - height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching -} - - -// Retina image -// -// Short retina mixin for setting background-image and -size. Note that the -// spelling of `min--moz-device-pixel-ratio` is intentional. -.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { - background-image: url("@{file-1x}"); - - @media - only screen and (-webkit-min-device-pixel-ratio: 2), - only screen and ( min--moz-device-pixel-ratio: 2), - only screen and ( -o-min-device-pixel-ratio: 2/1), - only screen and ( min-device-pixel-ratio: 2), - only screen and ( min-resolution: 192dpi), - only screen and ( min-resolution: 2dppx) { - background-image: url("@{file-2x}"); - background-size: @width-1x @height-1x; - } -} |