Browse
For agents
About
Block Animations, Motion & Scroll Effects – Ghost Kit
/
3.6.1
Block Animations, Motion & Scroll Effects – Ghost Kit
v3.6.1
Switch version
3.7.2
3.7.1
3.7.0
3.6.1
trunk
1.6.3
2.25.0
3.3.0
3.3.1
3.3.2
3.3.3
3.4.0
3.4.1
3.4.2
3.4.3
3.4.4
3.4.5
3.4.6
3.5.0
3.5.1
3.6.0
Overview
Code
ghostkit
/
build
/
gutenberg
/
blocks
/
icon-box
/
styles
/
style.css
style.css
in Block Animations, Motion & Scroll Effects – Ghost Kit 3.6.1, at build/gutenberg/blocks/icon-box/styles/style.css
2 lines
1.8 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
ghostkit-icon-box
{
--gkt-icon-box__padding-v
:
1.5
em
;
--gkt-icon-box__padding-h
:
1.5
em
;
--gkt-icon-box__border-width
:
1
px
;
--gkt-icon-box__border-color
:
var
(
--gkt-color-light-gray-darken
)
;
--gkt-icon-box__border-radius
:
var
(
--gkt-border-radius
)
;
--gkt-icon-box--icon__offset
:
1.5
em
;
--gkt-icon-box--icon__font-size
:
1.5
em
;
--gkt-icon-box--icon__color
:
var
(
--gkt-color-primary
)
;
--gkt-icon-box__transition-duration
:
var
(
--gkt-transition-duration
)
;
--gkt-icon-box__transition-easing
:
var
(
--gkt-transition-easing
)
;
border
:
var
(
--gkt-icon-box__border-width
)
solid
var
(
--gkt-icon-box__border-color
)
;
border-radius
:
var
(
--gkt-icon-box__border-radius
)
;
display
:
flex
;
flex-wrap
:
wrap
;
padding
:
var
(
--gkt-icon-box__padding-v
)
var
(
--gkt-icon-box__padding-h
)
}
.
ghostkit-icon-box-with-link
{
position
:
relative
}
.
ghostkit-icon-box-link
span
{
height
:
100
%
;
left
:
0
;
position
:
absolute
;
top
:
0
;
width
:
100
%
}
.
ghostkit-icon-box-icon
{
color
:
var
(
--gkt-icon-box--icon__color
)
;
display
:
flex
;
font-size
:
var
(
--gkt-icon-box--icon__font-size
)
;
transition
:
var
(
--gkt-icon-box__transition-duration
)
color
var
(
--gkt-icon-box__transition-easing
)
}
.
ghostkit-icon-box-icon
~
.
ghostkit-icon-box-content
{
padding-left
:
var
(
--gkt-icon-box--icon__offset
)
}
.
ghostkit-icon-box-icon-align-right
{
order
:
2
;
padding-right
:
0
}
.
ghostkit-icon-box-icon-align-right
~
.
ghostkit-icon-box-content
{
padding-left
:
0
;
padding-right
:
var
(
--gkt-icon-box--icon__offset
)
}
.
ghostkit-icon-box-icon-align-top
{
flex
:
100
%
;
justify-content
:
center
;
padding-right
:
0
}
.
ghostkit-icon-box-icon-top-align-left
{
justify-content
:
flex-start
}
.
ghostkit-icon-box-icon-top-align-center
{
justify-content
:
center
}
.
ghostkit-icon-box-icon-top-align-right
{
justify-content
:
flex-end
}
.
ghostkit-icon-box-icon-align-top
~
.
ghostkit-icon-box-content
{
flex
:
100
%
;
padding-left
:
0
;
padding-top
:
var
(
--gkt-icon-box--icon__offset
)
}
.
ghostkit-icon-box-content
{
flex
:
1
}
2
