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
/
pricing-table
/
view.css
view.css
in bBlocks – Essential Gutenberg Blocks & Patterns Collection trunk, at build/pricing-table/view.css
2 lines
3.7 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-pricing-table
*
{
box-sizing
:
border-box
}
.
wp-block-b-blocks-pricing-table
a
{
text-decoration
:
none
!important
}
.
wp-block-b-blocks-pricing-table
.
bBlocksPricingTable
{
display
:
grid
}
.
wp-block-b-blocks-pricing-table
.
priceItem
{
background-color
:
#
fff
;
border-radius
:
20
px
;
display
:
flex
;
flex-direction
:
column
;
height
:
100
%
}
.
wp-block-b-blocks-pricing-table
.
priceItem
h3
,
.
wp-block-b-blocks-pricing-table
.
priceItem
p
{
margin
:
0
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceName
{
font-size
:
25
px
;
margin-bottom
:
25
px
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceAmountWrap
{
font-size
:
22
px
;
margin-bottom
:
25
px
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceFeatures
{
display
:
inline-block
;
margin
:
0
auto
auto
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceFeatures
.
priceFeature
{
align-items
:
center
;
display
:
flex
;
margin-bottom
:
15
px
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceFeatures
.
priceFeature
svg
{
margin-right
:
10
px
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceFeatures
.
priceFeature
.
priceFeatureEnabled
{
height
:
17
px
;
width
:
17
px
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceFeatures
.
priceFeature
.
priceFeatureDisabled
{
height
:
19
px
;
margin-right
:
14
px
;
width
:
13
px
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceFeatures
.
priceFeature
.
priceFeatureLabel
{
font-size
:
15
px
}
.
wp-block-b-blocks-pricing-table
.
priceItem
.
priceLink
{
align-self
:
center
;
border-radius
:
8
px
;
display
:
inline-block
;
padding
:
10
px
35
px
;
width
:
-moz-fit-content
;
width
:
fit-content
}
.
wp-block-b-blocks-pricing-table
.
is-style-basic
.
priceItem
{
position
:
relative
}
.
wp-block-b-blocks-pricing-table
.
is-style-basic
.
priceItem
.
priceName
{
align-items
:
center
;
border-top-left-radius
:
20
px
;
border-top-right-radius
:
20
px
;
display
:
flex
;
height
:
85
px
;
justify-content
:
center
;
left
:
0
;
position
:
absolute
;
top
:
0
;
width
:
100
%
}
.
wp-block-b-blocks-pricing-table
.
is-style-basic
.
priceItem
.
priceName
:
before
{
border
:
10
px
solid
transparent
;
bottom
:
-20
px
;
content
:
"
"
;
display
:
inline-block
;
left
:
50
%
;
position
:
absolute
;
transform
:
translateX
(
-50
%
)
}
.
wp-block-b-blocks-pricing-table
.
is-style-basic
.
priceItem
.
priceFeatures
{
margin-top
:
100
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-basic
.
priceItem
.
priceAmountWrap
{
font-size
:
50
px
;
margin-top
:
45
px
;
position
:
relative
}
.
wp-block-b-blocks-pricing-table
.
is-style-basic
.
priceItem
.
priceAmountWrap
:
before
{
border-top
:
2
px
solid
#
dfdfdf
;
content
:
"
"
;
left
:
50
%
;
position
:
absolute
;
top
:
-20
px
;
transform
:
translateX
(
-50
%
)
;
width
:
120
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-standard
.
bBlocksPricingTable
>
div
{
z-index
:
1
}
.
wp-block-b-blocks-pricing-table
.
is-style-standard
.
priceItem
{
position
:
relative
}
.
wp-block-b-blocks-pricing-table
.
is-style-standard
.
priceItem
:
before
{
border-radius
:
20
px
;
content
:
"
"
;
height
:
110
%
;
left
:
50
%
;
position
:
absolute
;
top
:
50
%
;
transform
:
translate
(
-50
%
,
-50
%
)
;
width
:
90
%
;
z-index
:
-1
}
.
wp-block-b-blocks-pricing-table
.
is-style-standard
.
priceItem
.
priceName
{
font-size
:
45
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-standard
.
priceItem
.
priceAmountWrap
{
font-size
:
24
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-ultimate
.
bBlocksPricingTable
>
div
{
position
:
relative
;
z-index
:
1
}
.
wp-block-b-blocks-pricing-table
.
is-style-ultimate
.
priceItem
{
margin-left
:
60
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-ultimate
.
priceItem
.
priceName
{
font-size
:
45
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-ultimate
.
priceItem
.
priceAmountWrap
{
align-items
:
center
;
border-top-left-radius
:
20
px
;
border-top-right-radius
:
20
px
;
display
:
flex
;
font-size
:
24
px
;
height
:
60
px
;
justify-content
:
center
;
left
:
-90
px
;
line-height
:
100
%
;
margin-bottom
:
0
;
position
:
absolute
;
top
:
150
px
;
transform
:
rotate
(
-90
deg
)
translateY
(
-30
px
)
;
width
:
300
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-ultimate
.
priceItem
.
priceAmountWrap
.
priceAmount
{
margin-right
:
5
px
}
.
wp-block-b-blocks-pricing-table
.
is-style-ultimate
.
priceItem
.
priceAmountWrap
.
pricePeriod
{
margin-left
:
5
px
}
2
