/
githubmirror
/
Semantic-UI
Обзор
Документация
Войти
/
githubmirror
/
Semantic-UI
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/themes/default/elements/placeholder.variables
55 строк
2 KB
Jack
Fix interval on animation for placeholder
17 сен 2018, 07:11
17 сен 2018, 07:11
b308c28
Код
Авторство
О чём код?
@placeholderMaxWidth: 30rem; /* Key Content Sizing */ @placeholderLineMargin: @relative12px; @placeholderHeaderLineHeight: @relative9px; @placeholderLineHeight: @relative7px; @placeholderParagraphLineHeight: @placeholderLineHeight; @placeholderSpacing: @relative20px; /* Interval between consecutive placeholders */ @placeholderAnimationInterval: 0.15s; /* Repeated Placeholder */ @consecutivePlaceholderSpacing: 2rem; /* Image */ @placeholderImageHeight: 100px; /* Header Image */ @placeholderImageWidth: 3em; @placeholderImageTextIndent: @10px; /* Paragraph */ @placeholderHeaderLineOneOutdent: 20%; @placeholderHeaderLineTwoOutdent: 60%; @placeholderLineOneOutdent: @placeholderFullLineOutdent; @placeholderLineTwoOutdent: @placeholderMediumLineOutdent; @placeholderLineThreeOutdent: @placeholderVeryLongLineOutdent; @placeholderLineFourOutdent: @placeholderLongLineOutdent; @placeholderLineFiveOutdent: @placeholderShortLineOutdent; /* Glow Gradient */ @placeholderLoadingAnimationDuration: 2s; @placeholderLoadingGradientWidth: 1200px; @placeholderLoadingGradient: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30% ); @placeholderInvertedLoadingGradient: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30% ); /* Variations */ @placeholderFullLineOutdent: 0%; @placeholderVeryLongLineOutdent: 10%; @placeholderLongLineOutdent: 35%; @placeholderMediumLineOutdent: 50%; @placeholderShortLineOutdent: 65%; @placeholderVeryShortLineOutdent: 80%;