mirror of
https://github.com/jgthms/bulma
synced 2026-03-20 20:24:30 -07:00
Fix #349
This commit is contained in:
@@ -4,6 +4,14 @@
|
|||||||
|
|
||||||
### New features
|
### New features
|
||||||
|
|
||||||
|
You can now specify a different `font-family` for the `.title`, `.subtitle` and `.button` by using the variables `$title-family`, `$subtitle-family` and `$button-family` respectively.
|
||||||
|
|
||||||
|
Simply set a value when importing Bulma:
|
||||||
|
|
||||||
|
```scss
|
||||||
|
$title-family: "Georgia", serif;
|
||||||
|
```
|
||||||
|
|
||||||
* #2375 Add `.is-relative` helper
|
* #2375 Add `.is-relative` helper
|
||||||
* #2321 Make `.navbar` focus behave like hover for the navigation
|
* #2321 Make `.navbar` focus behave like hover for the navigation
|
||||||
* #2290 Fix #1186 -> Reset the offset on columns
|
* #2290 Fix #1186 -> Reset the offset on columns
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
$button-color: $grey-darker !default
|
$button-color: $grey-darker !default
|
||||||
$button-background-color: $white !default
|
$button-background-color: $white !default
|
||||||
|
$button-family: false !default
|
||||||
|
|
||||||
$button-border-color: $grey-lighter !default
|
$button-border-color: $grey-lighter !default
|
||||||
$button-border-width: $control-border-width !default
|
$button-border-width: $control-border-width !default
|
||||||
@@ -50,6 +51,8 @@ $button-static-border-color: $grey-lighter !default
|
|||||||
border-width: $button-border-width
|
border-width: $button-border-width
|
||||||
color: $button-color
|
color: $button-color
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
|
@if $button-family
|
||||||
|
font-family: $button-family
|
||||||
justify-content: center
|
justify-content: center
|
||||||
padding-bottom: $button-padding-vertical
|
padding-bottom: $button-padding-vertical
|
||||||
padding-left: $button-padding-horizontal
|
padding-left: $button-padding-horizontal
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
$title-color: $grey-darker !default
|
$title-color: $grey-darker !default
|
||||||
|
$title-family: false !default
|
||||||
$title-size: $size-3 !default
|
$title-size: $size-3 !default
|
||||||
$title-weight: $weight-semibold !default
|
$title-weight: $weight-semibold !default
|
||||||
$title-line-height: 1.125 !default
|
$title-line-height: 1.125 !default
|
||||||
@@ -8,6 +9,7 @@ $title-sub-size: 0.75em !default
|
|||||||
$title-sup-size: 0.75em !default
|
$title-sup-size: 0.75em !default
|
||||||
|
|
||||||
$subtitle-color: $grey-dark !default
|
$subtitle-color: $grey-dark !default
|
||||||
|
$subtitle-family: false !default
|
||||||
$subtitle-size: $size-5 !default
|
$subtitle-size: $size-5 !default
|
||||||
$subtitle-weight: $weight-normal !default
|
$subtitle-weight: $weight-normal !default
|
||||||
$subtitle-line-height: 1.25 !default
|
$subtitle-line-height: 1.25 !default
|
||||||
@@ -31,6 +33,8 @@ $subtitle-negative-margin: -1.25rem !default
|
|||||||
|
|
||||||
.title
|
.title
|
||||||
color: $title-color
|
color: $title-color
|
||||||
|
@if $title-family
|
||||||
|
font-family: $title-family
|
||||||
font-size: $title-size
|
font-size: $title-size
|
||||||
font-weight: $title-weight
|
font-weight: $title-weight
|
||||||
line-height: $title-line-height
|
line-height: $title-line-height
|
||||||
@@ -49,6 +53,8 @@ $subtitle-negative-margin: -1.25rem !default
|
|||||||
|
|
||||||
.subtitle
|
.subtitle
|
||||||
color: $subtitle-color
|
color: $subtitle-color
|
||||||
|
@if $subtitle-family
|
||||||
|
font-family: $subtitle-family
|
||||||
font-size: $subtitle-size
|
font-size: $subtitle-size
|
||||||
font-weight: $subtitle-weight
|
font-weight: $subtitle-weight
|
||||||
line-height: $subtitle-line-height
|
line-height: $subtitle-line-height
|
||||||
|
|||||||
Reference in New Issue
Block a user