Foundation - Flex Video SASS 參考

描述

您可以使用 SASS 參考來更改元件的樣式。

下表列出了專案設定檔案中用於自定義元件預設樣式的 SASS 變數。

序號	名稱和描述	型別	預設值
1	`$flexvideo-padding-top` 表示 Flex 影片容器上方的填充。	數值	`rem-calc(25)`
2	`$flexvideo-margin-bottom` 表示 Flex 影片容器下方的邊距。	數值	`rem-calc(16)`
3	`$flexvideo-ratio` 表示用於建立 4:3 寬高比的填充。	數值	4 比 3
4	`$flexvideo-ratio-widescreen` 表示用於建立 16:9 寬高比的填充。	數值	16 比 9

要構建此元件的最終 CSS 輸出，可以使用以下混合宏。要使用 Foundation 元件構建您自己的類結構，您可以自己使用這些混合宏。

@include flex-video($ratio);

用於建立 Flex 影片容器。它接受引數 $ratio，如下所述。

序號引數和描述型別預設值

序號	引數和描述	型別	預設值
1	`$ratio` 表示容器的比例，格式為 x 比 y。	列表	`$flexvideo-ratio`

$ratio

表示容器的比例，格式為 x 比 y。

列表

$flexvideo-ratio

flex-video($ratio)

它建立一個百分比高度，用作 Flex 影片容器中的填充。它接受引數 $ratio，其型別為列表。引數 $ratio 表示容器的比例，格式為 x 比 y。

foundation_media.htm

列印頁面