Browse
For agents
About
bBlocks – Essential Gutenberg Blocks & Patterns Collection
/
2.0.38
bBlocks – Essential Gutenberg Blocks & Patterns Collection
v2.0.38
Switch version
2.1.8
2.1.7
2.1.6
2.1.5
2.1.4
2.1.3
2.1.2
2.1.1
2.1.0
2.0.43
2.0.42
2.0.41
2.0.40
2.0.39
2.0.38
trunk
1.0
1.1
1.2
1.3
1.4
1.5
1.5.1
1.5.2
1.5.3
All 108 releases
Overview
Code
b-blocks
/
build
/
table-of-content
/
view.css
view.css
in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.0.38, at build/table-of-content/view.css
2 lines
5.4 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
html
{
scroll-behavior
:
smooth
!important
}
.
wp-block-b-blocks-table-of-content
,
.
wp-block-b-blocks-table-of-content
*
{
box-sizing
:
border-box
}
.
wp-block-b-blocks-table-of-content
.
icon
{
font-style
:
inherit
}
.
wp-block-b-blocks-table-of-content
img
{
max-width
:
100
%
;
width
:
100
%
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
{
cursor
:
pointer
;
font-size
:
15
px
;
outline
:
none
;
text-align
:
left
;
transition
:
.3
s
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-accordion-title
{
align-items
:
center
;
display
:
flex
;
justify-content
:
space-between
;
padding
:
20
px
18
px
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-accordion-title
.
tbcnb-rotate180deg
{
transform
:
rotate
(
180
deg
)
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-panel
{
height
:
100
%
;
overflow
:
hidden
;
transition
:
all
.3
s
ease-out
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-panel
.
bblocks-tbcn-panel-table-container-order-list
{
margin
:
0
;
padding-bottom
:
10
px
;
padding-top
:
10
px
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-panel
.
bblocks-tbcn-panel-table-container-order-list
.
bblocks-tbcn-panel-table-list-items
::
marker
{
font-size
:
40
px
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-panel
.
bblocks-tbcn-panel-table-container-order-list
.
bblocks-tbcn-panel-table-list-items
>
span
{
display
:
flex
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-panel
.
bblocks-tbcn-panel-table-container-order-list
.
bblocks-tbcn-panel-table-list-items
.
bblocks-tbcn-table-content-anchor-list
{
margin-left
:
5
px
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-accordion
.
bblocks-tbcn-panel
.
bblocks-tbcn-panel-table-container-order-list
.
bblocks-tbcn-panel-table-list-items
.
bblocks-tbcn-table-content-anchor-list
:
focus
{
border
:
none
;
box-shadow
:
unset
;
outline
:
none
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
sticky
{
position
:
fixed
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-titleSubWrapper
{
display
:
flex
;
transition
:
all
.3
s
ease-in
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-titleSubWrapper
.
slide-title
{
margin-left
:
8
px
;
position
:
relative
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-titleSubWrapper
.
slide-title
:
after
{
content
:
"
"
;
height
:
3
px
;
left
:
0
;
opacity
:
1
;
position
:
absolute
;
top
:
50
%
;
transform
:
translateY
(
-50
%
)
;
transition
:
opacity
.3
s
ease-in
;
width
:
38
px
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-titleSubWrapper
.
slide-title
.
slide-title-heading
{
margin
:
0
0
0
30
px
;
opacity
:
0
;
transition
:
all
.3
s
ease-in
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-list-items
{
list-style
:
none
;
margin-left
:
8
px
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-list-items
.
slide-list
{
margin
:
0
;
position
:
relative
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-list-items
.
slide-list
a
{
margin-left
:
30
px
;
opacity
:
0
;
text-decoration
:
none
;
transition
:
all
.3
s
ease-in
}
.
wp-block-b-blocks-table-of-content
.
slide-container
.
slide-list-items
.
slide-list
:
after
{
content
:
"
"
;
height
:
3
px
;
left
:
0
;
position
:
absolute
;
top
:
50
%
;
transform
:
translateY
(
-50
%
)
;
transition
:
opacity
.3
s
ease-in
;
width
:
30
px
}
.
wp-block-b-blocks-table-of-content
.
slide-container
:
hover
.
slide-titleSubWrapper
.
slide-title
:
after
{
opacity
:
0
}
.
wp-block-b-blocks-table-of-content
.
slide-container
:
hover
.
slide-titleSubWrapper
.
slide-title
.
slide-title-heading
{
margin-left
:
8
px
!important
;
opacity
:
1
}
.
wp-block-b-blocks-table-of-content
.
slide-container
:
hover
.
slide-list-items
.
slide-list
{
opacity
:
1
}
.
wp-block-b-blocks-table-of-content
.
slide-container
:
hover
.
slide-list-items
.
slide-list
a
{
margin-left
:
8
px
;
opacity
:
1
}
.
wp-block-b-blocks-table-of-content
.
slide-container
:
hover
.
slide-list-items
.
slide-list
:
after
{
opacity
:
0
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-timeline-container
.
bblocks-tbcn-timeline-list-items
{
height
:
90
%
;
list-style
:
none
;
margin-left
:
10
px
;
position
:
relative
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-timeline-container
.
bblocks-tbcn-timeline-list-items
.
bblocks-tbcn-timeline-list
>
a
{
transition
:
color
.2
s
ease-in-out
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-timeline-container
.
bblocks-tbcn-timeline-list-items
.
bblocks-tbcn-timeline-list
>
a
:
focus
{
border
:
none
;
box-shadow
:
unset
;
outline
:
none
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-timeline-container
.
bblocks-tbcn-timeline-list-items
.
bblocks-tbcn-timeline-list
>
a
:
before
{
background-color
:
#
b1b0b0
;
border
:
6
px
solid
#
e7e7e7
;
border-radius
:
50
%
;
content
:
"
"
;
left
:
0
;
position
:
absolute
;
transform
:
translateX
(
-50
%
)
;
transition
:
background
.3
s
ease-in-out
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-list-container
.
bblocks-tbcn-list-title
.
bblocks-tbcn-list-title-heading
{
margin
:
0
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-list-container
.
bblocks-tbcn-list-items
.
bblocks-tbcn-list-item
{
margin-left
:
10
px
;
position
:
relative
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-list-container
.
bblocks-tbcn-list-items
.
bblocks-tbcn-list-item
>
a
{
padding-left
:
30
px
;
text-decoration
:
none
;
transition
:
all
.3
s
ease-in-out
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-list-container
.
bblocks-tbcn-list-items
.
bblocks-tbcn-list-item
>
a
:
focus
{
border
:
none
;
box-shadow
:
unset
;
outline
:
none
}
.
wp-block-b-blocks-table-of-content
.
bblocks-tbcn-list-container
.
bblocks-tbcn-list-items
.
bblocks-tbcn-list-item
>
a
:
before
{
content
:
"
"
;
height
:
20
px
;
left
:
0
;
position
:
absolute
;
top
:
50
%
;
transform
:
translateY
(
-50
%
)
;
transition
:
background
.3
s
ease-in-out
;
width
:
3
px
}
.
wp-block-post-content-is-layout-constrained
{
position
:
relative
}
.
panel-table-container-order-list
{
margin
:
0
}
2