本文整理汇总了TypeScript中@mixins.body2函数的典型用法代码示例。如果您正苦于以下问题：TypeScript body2函数的具体用法？TypeScript body2怎么用？TypeScript body2使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了body2函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: rgba
import styled from 'styled-components';
import { transparency } from '~/renderer/defaults';
import { body2, centerImage } from '@mixins';
export const StyledForecastItem = styled.div`
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
color: rgba(0, 0, 0, ${transparency.light.secondaryText});
${body2()};
`;
export const InfoContainer = styled.div`
display: flex;
align-items: center;
justify-content: space-between;
margin-right: 16px;
`;
export const WeatherIcon = styled.div`
width: 24px;
height: 24px;
display: flex;
margin-right: 16px;
${centerImage('24px', 'auto')};
background-image: url(${({ src }: { src: string }) => src});
`;示例2: url
font-style: normal;
font-weight: 500;
src: url(${fonts.robotoMedium}) format('truetype');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(${fonts.robotoLight}) format('truetype');
}
body {
user-select: none;
cursor: default;
${body2()} margin: 0;
background-color: white;
padding: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
}
@keyframes nersent-ui-preloader-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes nersent-ui-preloader-dash {