55 lines
1.5 KiB
Text
55 lines
1.5 KiB
Text
@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%;
|