library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2025-01-09 15:44:25 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update subtitle variables

Browse Source
This commit is contained in:
Jeremy Thomas 2020-08-15 07:55:18 +01:00
parent b0e546a994
commit 681fb52d2b
3 changed files with 38 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/bulma.css vendored
View File

@ -3089,7 +3089,7 @@ a.tag:hover {
}
.title:not(.is-spaced) + .subtitle {
margin-top: -1.25rem;
margin-top: var(--subtitle-negative-margin);
}
.title.is-1 {
@ -3121,19 +3121,26 @@ a.tag:hover {
}
.subtitle {
color: var(--text, #4a4a4a);
font-size: var(--size-5, 1.25rem);
font-weight: var(--weight-normal, 400);
line-height: 1.25;
--subtitle-negative-margin: -1.25rem;
--subtitle-color: var(--text, #4a4a4a);
--subtitle-size: var(--size-5, 1.25rem);
--subtitle-weight: var(--weight-normal, 400);
--subtitle-line-height: 1.25;
--subtitle-strong-color: var(--text-strong, #363636);
--subtitle-strong-weight: var(--weight-semibold, 600);
color: var(--subtitle-color);
font-size: var(--subtitle-size);
font-weight: var(--subtitle-weight);
line-height: var(--subtitle-line-height);
}
.subtitle strong {
color: var(--text-strong, #363636);
font-weight: var(--weight-semibold, 600);
color: var(--subtitle-strong-color);
font-weight: var(--subtitle-strong-weight);
}
.subtitle:not(.is-spaced) + .title {
margin-top: -1.25rem;
margin-top: var(--subtitle-negative-margin);
}
.subtitle.is-1 {

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

35
sass/elements/title.sass
View File

@ -46,8 +46,8 @@ $subtitle-negative-margin: -1.25rem !default
// color: var(--title-color, var(--text-strong))
// Approach C
// Sass variable references a CSS variable
// $title-color: var(--text-strong)
// Sass variable references a CSS variable with fallback
// $title-color: var(--text-strong, #{$text-strong})
--title-color: #{$title-color}
color: var(--title-color)
@ -56,18 +56,19 @@ $subtitle-negative-margin: -1.25rem !default
--title-line-height: #{$title-line-height}
--title-strong-color: #{$title-strong-color}
--title-strong-weight: #{$title-strong-weight}
@if $title-family
font-family: $title-family
font-size: var(--title-size)
font-weight: var(--title-weight)
line-height: var(--title-line-height)
@if $title-family
--title-family: #{$title-family}
font-family: var(--title-family)
strong
color: var(--title-strong-color)
font-weight: var(--title-strong-weight)
& + .highlight
margin-top: -0.75rem
&:not(.is-spaced) + .subtitle
margin-top: $subtitle-negative-margin
margin-top: var(--subtitle-negative-margin)
// Sizes
@each $size in $sizes
$i: index($sizes, $size)
@ -75,17 +76,25 @@ $subtitle-negative-margin: -1.25rem !default
font-size: $size
.subtitle
color: $subtitle-color
--subtitle-negative-margin: #{$subtitle-negative-margin}
--subtitle-color: #{$subtitle-color}
--subtitle-size: #{$subtitle-size}
--subtitle-weight: #{$subtitle-weight}
--subtitle-line-height: #{$subtitle-line-height}
--subtitle-strong-color: #{$subtitle-strong-color}
--subtitle-strong-weight: #{$subtitle-strong-weight}
color: var(--subtitle-color)
font-size: var(--subtitle-size)
font-weight: var(--subtitle-weight)
line-height: var(--subtitle-line-height)
@if $subtitle-family
font-family: $subtitle-family
font-size: $subtitle-size
font-weight: $subtitle-weight
line-height: $subtitle-line-height
--subtitle-family: #{$subtitle-family}
font-family: var(--subtitle-family)
strong
color: $subtitle-strong-color
font-weight: $subtitle-strong-weight
color: var(--subtitle-strong-color)
font-weight: var(--subtitle-strong-weight)
&:not(.is-spaced) + .title
margin-top: $subtitle-negative-margin
margin-top: var(--subtitle-negative-margin)
// Sizes
@each $size in $sizes
$i: index($sizes, $size)