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 { .title:not(.is-spaced) + .subtitle {
margin-top: -1.25rem; margin-top: var(--subtitle-negative-margin);
} }
.title.is-1 { .title.is-1 {
@ -3121,19 +3121,26 @@ a.tag:hover {
} }
.subtitle { .subtitle {
color: var(--text, #4a4a4a); --subtitle-negative-margin: -1.25rem;
font-size: var(--size-5, 1.25rem); --subtitle-color: var(--text, #4a4a4a);
font-weight: var(--weight-normal, 400); --subtitle-size: var(--size-5, 1.25rem);
line-height: 1.25; --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 { .subtitle strong {
color: var(--text-strong, #363636); color: var(--subtitle-strong-color);
font-weight: var(--weight-semibold, 600); font-weight: var(--subtitle-strong-weight);
} }
.subtitle:not(.is-spaced) + .title { .subtitle:not(.is-spaced) + .title {
margin-top: -1.25rem; margin-top: var(--subtitle-negative-margin);
} }
.subtitle.is-1 { .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)) // color: var(--title-color, var(--text-strong))
// Approach C // Approach C
// Sass variable references a CSS variable // Sass variable references a CSS variable with fallback
// $title-color: var(--text-strong) // $title-color: var(--text-strong, #{$text-strong})
--title-color: #{$title-color} --title-color: #{$title-color}
color: var(--title-color) color: var(--title-color)
@ -56,18 +56,19 @@ $subtitle-negative-margin: -1.25rem !default
--title-line-height: #{$title-line-height} --title-line-height: #{$title-line-height}
--title-strong-color: #{$title-strong-color} --title-strong-color: #{$title-strong-color}
--title-strong-weight: #{$title-strong-weight} --title-strong-weight: #{$title-strong-weight}
@if $title-family
font-family: $title-family
font-size: var(--title-size) font-size: var(--title-size)
font-weight: var(--title-weight) font-weight: var(--title-weight)
line-height: var(--title-line-height) line-height: var(--title-line-height)
@if $title-family
--title-family: #{$title-family}
font-family: var(--title-family)
strong strong
color: var(--title-strong-color) color: var(--title-strong-color)
font-weight: var(--title-strong-weight) font-weight: var(--title-strong-weight)
& + .highlight & + .highlight
margin-top: -0.75rem margin-top: -0.75rem
&:not(.is-spaced) + .subtitle &:not(.is-spaced) + .subtitle
margin-top: $subtitle-negative-margin margin-top: var(--subtitle-negative-margin)
// Sizes // Sizes
@each $size in $sizes @each $size in $sizes
$i: index($sizes, $size) $i: index($sizes, $size)
@ -75,17 +76,25 @@ $subtitle-negative-margin: -1.25rem !default
font-size: $size font-size: $size
.subtitle .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 @if $subtitle-family
font-family: $subtitle-family --subtitle-family: #{$subtitle-family}
font-size: $subtitle-size font-family: var(--subtitle-family)
font-weight: $subtitle-weight
line-height: $subtitle-line-height
strong strong
color: $subtitle-strong-color color: var(--subtitle-strong-color)
font-weight: $subtitle-strong-weight font-weight: var(--subtitle-strong-weight)
&:not(.is-spaced) + .title &:not(.is-spaced) + .title
margin-top: $subtitle-negative-margin margin-top: var(--subtitle-negative-margin)
// Sizes // Sizes
@each $size in $sizes @each $size in $sizes
$i: index($sizes, $size) $i: index($sizes, $size)