git.iko.soy/urbit.org
on master help sign in
fix rems
53dabccMorgan Sutherland
sass/_main.scss+11−11
compare with master
unifiedsplit
@@ -45,7 +45,7 @@ iframe {
45.pop-up {
45.pop-up {
46 width: 100%;
46 width: 100%;
47 max-width: 600px;
47 max-width: 600px;
48− margin: 28rem auto;
48+ margin: (28rem / 4) auto;
49 background: #fff;
49 background: #fff;
50}
50}
51
51
@@ -319,7 +319,7 @@ iframe {
319 }
319 }
320 }
320 }
321 &__input {
321 &__input {
322− line-height: 6rem;
322+ line-height: (6rem / 4);
323 }
323 }
324 }
324 }
325}
325}
@@ -334,7 +334,7 @@ iframe {
334 a {
334 a {
335 text-decoration: none;
335 text-decoration: none;
336 display: block;
336 display: block;
337− padding: 3rem 4rem;
337+ padding: (3rem /4) (4rem / 4);
338 &:hover {
338 &:hover {
339 background: #F9F9F9;
339 background: #F9F9F9;
340 &:before, &:after {
340 &:before, &:after {
@@ -364,23 +364,23 @@ iframe {
364 position: relative;
364 position: relative;
365 transition: all 0.1s linear;
365 transition: all 0.1s linear;
366 &:last-child {
366 &:last-child {
367− margin-bottom: 2rem;
367+ margin-bottom: (2rem / 4);
368 }
368 }
369 b {
369 b {
370 color: #000;
370 color: #000;
371 }
371 }
372 &__title {
372 &__title {
373− font-size: 6rem;
373+ font-size: (6rem / 4);
374 text-transform: capitalize;
374 text-transform: capitalize;
375 &__slug-end {
375 &__slug-end {
376 color: #000;
376 color: #000;
377 font-weight: 700;
377 font-weight: 700;
378− padding-right: 8rem;
378+ padding-right: (8rem / 4);
379 }
379 }
380 }
380 }
381 }
381 }
382 &__header {
382 &__header {
383− padding: 0 7rem;
383+ padding: 0 (7rem / 4);
384 }
384 }
385}
385}
386
386
@@ -396,8 +396,8 @@ iframe {
396
396
397textarea, input[type="text"], input[type="email"], input[type="number"], input[type="search"] {
397textarea, input[type="text"], input[type="email"], input[type="number"], input[type="search"] {
398 border: 1px solid #B1B2B3;
398 border: 1px solid #B1B2B3;
399− font-size: 4rem;
399+ font-size: (4rem / 4);
400− line-height: 6rem;
400+ line-height: (6rem / 4);
401 transition: all 0.1s linear;
401 transition: all 0.1s linear;
402 padding-right: 40px;
402 padding-right: 40px;
403 position: relative;
403 position: relative;
@@ -431,8 +431,8 @@ button, .btn {
431.search-bar {
431.search-bar {
432 border: 1px solid #B1B2B3;
432 border: 1px solid #B1B2B3;
433 background: #fff;
433 background: #fff;
434− font-size: 4rem;
434+ font-size: (4rem / 4);
435− line-height: 6rem;
435+ line-height: (6rem / 4);
436 transition: all 0.1s linear;
436 transition: all 0.1s linear;
437 padding: 12px 12px 12px 40px;
437 padding: 12px 12px 12px 40px;
438 position: relative;
438 position: relative;
sass/_responsive.scss+3−3
@@ -74,10 +74,10 @@
74 overflow: initial;
74 overflow: initial;
75 width: 100%;
75 width: 100%;
76 margin: 0;
76 margin: 0;
77− margin-top: -7rem;
77+ margin-top: (-7rem / 4);
78 &__index {
78 &__index {
79− margin: 7rem 0 0 7rem;
79+ margin: (7rem /4) 0 0 (7rem / 4);
80− padding: 7rem 7rem 0 0;
80+ padding: (7rem /4) (7rem / 4) 0 0;
81 }
81 }
82 }
82 }
83 .content-nav-icon {
83 .content-nav-icon {