SASS参考（SASS Reference）
优质
小牛编辑
129浏览
2023-12-01
描述 (Description)
您可以使用SASS参考更改组件的样式。
变量 (Variables)
下表列出了项目设置文件中的SASS变量，该变量使组件的默认样式得以自定义。
| Sr.No. | 名称和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $flexvideo-padding-top 它表示flex视频容器上方的填充。 | Number | rem-calc(25) |
| 2 | $flexvideo-margin-bottom 它表示灵活视频容器下方的边距。 | Number | rem-calc(16) |
| 3 | $flexvideo-ratio 它表示用于创建宽高比为4:3的填充。 | Number | 4乘3 |
| 4 | $flexvideo-ratio-widescreen 它表示用于创建16:9宽高比的填充。 | Number | 16 by 9 |
Mixins
要构建此组件的最终CSS输出，可以使用以下mixins。 要使用Foundation组件构建自己的类结构，可以自己使用mixins。
flex-video
@include flex-video($ratio);
它用于创建flex视频容器。 它接受$ratio参数，如下所述。
| Sr.No. | 参数和描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | $ratio 它表示容器的比率，格式为x乘y 。 | List | $flexvideo-ratio |
功能 (Functions)
flex-video
flex-video($ratio)
它创建一个百分比高度，用作柔性视频容器中的填充。 它接受参数$ratio ，其类型为List 。 参数$ratio表示容器的比率，格式为x乘y 。