diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
commit | e43e4e1e3257939bbbc4b004e94497503c8ef481 (patch) | |
tree | 467825ed78ae6a6476b61f7d76be1361e1fd935a /public/css/_sass/elements/image.sass | |
parent | d2f203e54ed8eac2aac9712691a5b4892cdf5ffc (diff) | |
parent | 66e98b7125c87706782b8247b8e0329473dbeb5a (diff) | |
download | cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.tar.xz cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.zip |
merged
Diffstat (limited to 'public/css/_sass/elements/image.sass')
-rw-r--r-- | public/css/_sass/elements/image.sass | 71 |
1 files changed, 0 insertions, 71 deletions
diff --git a/public/css/_sass/elements/image.sass b/public/css/_sass/elements/image.sass deleted file mode 100644 index 7547abc..0000000 --- a/public/css/_sass/elements/image.sass +++ /dev/null @@ -1,71 +0,0 @@ -$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 |