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
/
alert
/
styles
/
style.css
style.css
in Block Animations, Motion & Scroll Effects – Ghost Kit 3.6.1, at build/gutenberg/blocks/alert/styles/style.css
2 lines
1.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
.
ghostkit-alert
{
--gkt-alert__padding-v
:
1.5
em
;
--gkt-alert__padding-h
:
1.5
em
;
--gkt-alert__border-color
:
var
(
--gkt-color-warning
)
;
--gkt-alert__border-width
:
1
px
;
--gkt-alert__border-left-width
:
3
px
;
--gkt-alert__border-radius
:
var
(
--gkt-border-radius
)
;
--gkt-alert--icon__padding
:
3
px
;
--gkt-alert--icon__padding-right
:
1.5
em
;
--gkt-alert--icon__font-size
:
1
em
;
--gkt-alert--icon__color
:
var
(
--gkt-color-warning
)
;
--gkt-alert--hide-button__padding-left
:
1.5
em
;
--gkt-alert--hide-button__font-size
:
0.8
em
;
--gkt-alert--hide-button-hover__opacity
:
0.6
;
--gkt-alert__transition-duration
:
var
(
--gkt-transition-duration
)
;
--gkt-alert__transition-easing
:
var
(
--gkt-transition-easing
)
;
border
:
var
(
--gkt-alert__border-width
)
solid
var
(
--gkt-alert__border-color
)
;
border-left-width
:
var
(
--gkt-alert__border-left-width
)
;
border-radius
:
var
(
--gkt-alert__border-radius
)
;
display
:
flex
;
flex-wrap
:
wrap
;
padding
:
var
(
--gkt-alert__padding-v
)
var
(
--gkt-alert__padding-h
)
;
transition
:
var
(
--gkt-alert__transition-duration
)
border-color
var
(
--gkt-alert__transition-easing
)
}
.
ghostkit-alert-icon
{
color
:
var
(
--gkt-alert--icon__color
)
;
display
:
flex
;
font-size
:
var
(
--gkt-alert--icon__font-size
)
;
padding
:
var
(
--gkt-alert--icon__padding
)
;
padding-right
:
var
(
--gkt-alert--icon__padding-right
)
;
transition
:
var
(
--gkt-alert__transition-duration
)
color
var
(
--gkt-alert__transition-easing
)
}
.
ghostkit-alert-content
{
flex
:
1
}
.
ghostkit-alert-hide-button
{
cursor
:
pointer
;
display
:
flex
;
font-size
:
var
(
--gkt-alert--hide-button__font-size
)
;
opacity
:
1
;
padding-left
:
var
(
--gkt-alert--hide-button__padding-left
)
;
transition
:
var
(
--gkt-alert__transition-duration
)
opacity
var
(
--gkt-alert__transition-easing
)
}
.
ghostkit-alert-hide-button
:
focus
,
.
ghostkit-alert-hide-button
:
hover
{
opacity
:
var
(
--gkt-alert--hide-button__hover__opacity
)
}
2
