Browse
For agents
About
bBlocks – Essential Gutenberg Blocks & Patterns Collection
/
trunk
bBlocks – Essential Gutenberg Blocks & Patterns Collection
vtrunk
Switch version
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
1.5.4
1.5.5
All 106 releases
Overview
Code
b-blocks
/
build
/
advanced-tabs
/
view.css
view.css
in bBlocks – Essential Gutenberg Blocks & Patterns Collection trunk, at build/advanced-tabs/view.css
2 lines
3.9 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
wp-block-b-blocks-advanced-tabs
,
.
wp-block-b-blocks-advanced-tabs
*
{
box-sizing
:
border-box
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
{
display
:
flex
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
{
display
:
flex
;
gap
:
10
px
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
{
all
:
unset
;
align-items
:
center
;
background-color
:
#
eee
;
display
:
flex
;
gap
:
5
px
;
justify-content
:
center
;
padding
:
8
px
14
px
;
transition
:
all
.2
s
ease-in-out
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-active
{
background-color
:
#
146ef5
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-active
.
b-blocks-advanced-tabs-button-title-container
.
b-blocks-advanced-tabs-button-subTitle
,
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-active
.
b-blocks-advanced-tabs-button-title-container
.
b-blocks-advanced-tabs-button-title
{
color
:
#
fff
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-active
.
b-blocks-advanced-tabs-button-icon
>
svg
{
fill
:
#
fff
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
icon-position-left
{
flex-direction
:
row
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
icon-position-right
{
flex-direction
:
row-reverse
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
icon-position-top
{
flex-direction
:
column
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
icon-position-bottom
{
flex-direction
:
column-reverse
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-icon
{
display
:
flex
;
margin
:
0
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-icon
>
svg
{
height
:
30
px
;
width
:
30
px
;
fill
:
#
242424
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-title-container
.
b-blocks-advanced-tabs-button-title
{
color
:
#
242424
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-button-lists
.
b-blocks-advanced-tabs-button
.
b-blocks-advanced-tabs-button-title-container
.
b-blocks-advanced-tabs-button-subTitle
{
margin
:
0
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-contents
{
flex
:
1
}
.
wp-block-b-blocks-advanced-tabs
.
b-blocks-advanced-tabs-main-wrapper
.
b-blocks-advanced-tabs-wrapper
.
b-blocks-advanced-tabs-contents
.
b-blocks-advanced-tabs-panel
{
display
:
none
}
2
