Create links nav

This commit is contained in:
Jeremy Thomas
2018-04-09 12:45:52 +01:00
parent 4ede497c96
commit 0f9d338f66
17 changed files with 1087 additions and 963 deletions

View File

@@ -11,8 +11,8 @@ $code-padding: 0.25em 0.5em 0.25em !default
$code-weight: normal !default
$code-size: 0.875em !default
$hr-background-color: $border !default
$hr-height: 1px !default
$hr-background-color: $background !default
$hr-height: 2px !default
$hr-margin: 1.5rem 0 !default
$strong-color: $text-strong !default

View File

@@ -5,16 +5,12 @@ $breadcrumb-item-active-color: $text-strong !default
$breadcrumb-item-padding-vertical: 0 !default
$breadcrumb-item-padding-horizontal: 0.75em !default
$breadcrumb-item-separator-color: $text !default
$breadcrumb-item-separator-color: $grey-light !default
.breadcrumb
+block
+unselectable
align-items: stretch
display: flex
font-size: $size-normal
overflow: hidden
overflow-x: auto
white-space: nowrap
a
align-items: center
@@ -37,11 +33,11 @@ $breadcrumb-item-separator-color: $text !default
& + li::before
color: $breadcrumb-item-separator-color
content: "\0002f"
ul, ol
align-items: center
ul,
ol
align-items: flex-start
display: flex
flex-grow: 1
flex-shrink: 0
flex-wrap: wrap
justify-content: flex-start
.icon
&:first-child
@@ -50,10 +46,12 @@ $breadcrumb-item-separator-color: $text !default
margin-left: 0.5em
// Alignment
&.is-centered
ol, ul
ol,
ul
justify-content: center
&.is-right
ol, ul
ol,
ul
justify-content: flex-end
// Sizes
&.is-small

View File

@@ -1,6 +1,7 @@
$title-color: $grey-darker !default
$title-size: $size-3 !default
$title-weight: $weight-semibold !default
$title-line-height: 1.125 !default
$title-strong-color: inherit !default
$title-strong-weight: inherit !default
$title-sub-size: 0.75em !default
@@ -9,8 +10,10 @@ $title-sup-size: 0.75em !default
$subtitle-color: $grey-dark !default
$subtitle-size: $size-5 !default
$subtitle-weight: $weight-normal !default
$subtitle-line-height: 1.25 !default
$subtitle-strong-color: $grey-darker !default
$subtitle-strong-weight: $weight-semibold !default
$subtitle-negative-margin: -1.25rem !default
.title,
.subtitle
@@ -30,14 +33,14 @@ $subtitle-strong-weight: $weight-semibold !default
color: $title-color
font-size: $title-size
font-weight: $title-weight
line-height: 1.125
line-height: $title-line-height
strong
color: $title-strong-color
font-weight: $title-strong-weight
& + .highlight
margin-top: -0.75rem
&:not(.is-spaced) + .subtitle
margin-top: -1.5rem
margin-top: $subtitle-negative-margin
// Sizes
@each $size in $sizes
$i: index($sizes, $size)
@@ -48,12 +51,12 @@ $subtitle-strong-weight: $weight-semibold !default
color: $subtitle-color
font-size: $subtitle-size
font-weight: $subtitle-weight
line-height: 1.25
line-height: $subtitle-line-height
strong
color: $subtitle-strong-color
font-weight: $subtitle-strong-weight
&:not(.is-spaced) + .title
margin-top: -1.5rem
margin-top: $subtitle-negative-margin
// Sizes
@each $size in $sizes
$i: index($sizes, $size)