_MoreRecommendations.scss (641B)
1 @use 'sass:math'; 2 3 .more-recommendations { 4 display: flex; 5 align-items: center; 6 white-space: nowrap; 7 line-height: math.div(16, 13); // (16 / 13) -> 16px computed 8 9 &::after { 10 background: url('chrome://global/skin/icons/arrow-right-12.svg') no-repeat center center; 11 content: ''; 12 -moz-context-properties: fill; 13 display: inline-block; 14 fill: var(--newtab-primary-action-background); 15 height: 16px; 16 margin-inline-start: var(--space-xsmall); 17 vertical-align: top; 18 width: var(--icon-size-xsmall); 19 } 20 21 &:dir(rtl)::after { 22 background-image: url('chrome://global/skin/icons/arrow-left-12.svg'); 23 } 24 }