Sha256: 8aedb3c33d55be0b3336801c9e80f8b1602592a671041f75263f7f2dfb92bbfa
Contents?: true
Size: 1.8 KB
Versions: 90
Compression:
Stored size: 1.8 KB
Contents
@import "../tokens/colors";
@import "../tokens/line_height";
@import "../tokens/typography";
$pb_body_colors: (
default: $text_lt_default,
light: $text_lt_light,
lighter: $text_lt_lighter,
link: $primary,
error: $error,
success: $text_lt_success_sm,
);
$pb_dark_body_colors: (
default: $text_dk_default,
light: $text_dk_light,
lighter: $text_dk_lighter,
link: $primary_action_dark,
error: $error,
success: $text_dk_success_sm,
);
// Order is important here!
$pb_body_status: (
default: $text_lt_default,
negative: $error,
dark_error: $error_dark_body,
positive: $text_lt_success_sm,
);
@mixin pb_body($color: $text_lt_default) {
line-height: $lh_tight;
color: $color;
font-size: $text_default;
font-weight: $regular;
font-family: $font-family-base;
}
$pb_body_truncate: (
truncate_1: 1,
truncate_2: 2,
truncate_3: 3,
truncate_4: 4,
truncate_5: 5
);
@mixin body_truncate {
@each $name, $number in $pb_body_truncate {
&[class*=_#{$name}] {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: $number;
-webkit-box-orient: vertical;
}
}
}
// Colors ======================
@mixin pb_body_light {
@include pb_body($text_lt_light);
}
@mixin pb_body_lighter {
@include pb_body($text_lt_lighter);
}
@mixin pb_body_dark {
@include pb_body($text_dk_default);
}
@mixin pb_body_light_dark {
@include pb_body($text_dk_light);
}
@mixin pb_body_lighter_dark {
@include pb_body($text_dk_lighter);
}
// Statuses =====================
@mixin pb_body_negative {
@include pb_body($error);
}
@mixin pb_body_dark_error {
@include pb_body($error_dark_body);
}
@mixin pb_body_positive {
@include pb_body($success);
}
Version data entries
90 entries across 90 versions & 1 rubygems