Sha256: ae77ba9d1a2e3214ef7cf9dc9d23f95417485bb162c26494f2821abd2d4d56a5
Contents?: true
Size: 1.26 KB
Versions: 13
Compression:
Stored size: 1.26 KB
Contents
$base-font-size: 16px;
@import "compass/typography/units";
.foo {
width: 600px;
height: 200px;
}
.foo .test {
/* 16px for margins should be 1em */
margin-top: convert-length(16px, em);
/* 16px for margins should be 2.66667% (relative to parent's width) */
margin-right: convert-length(16px, '%', $to-context: 600px);
/* 1.35em for margins should be 3.6% (relative to parent's width,
* even for top and bottom margins) */
margin-bottom: convert-length(1.35em, '%', $to-context: 600px);
/* 16px for margins should be 2ex */
margin-left: convert-length(16px, ex);
}
.bar {
font-size: 18px;
width: 360px;
}
.bar .test {
/* 150% for line-height should be 27px */
line-height: convert-length(150%, px, 18px);
/* 1px should always be .0625rem for this page */
border-top: convert-length(1px, rem);
/* 2em for this element should be 9.525mm (relative to own font-size, as inherited) */
margin-top: convert-length(2em, mm, 18px);
/* 2px for margins should be .55556% (relative to parent's width) */
margin-right: convert-length(2px, '%', $to-context: 360px);
/* 1rem should always be 16px for this page, even when own font-size is 18px */
margin-bottom: convert-length(1rem, px);
}
.rem {
$val: 25rem, 100% 32px;
@include rem(background-size, $val, true);
}
Version data entries
13 entries across 13 versions & 2 rubygems