Browse
For agents
About
Block Animations, Motion & Scroll Effects – Ghost Kit
/
3.3.3
Block Animations, Motion & Scroll Effects – Ghost Kit
v3.3.3
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
/
countdown
/
styles
/
style.css
style.css
in Block Animations, Motion & Scroll Effects – Ghost Kit 3.3.3, at build/gutenberg/blocks/countdown/styles/style.css
2 lines
1.2 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-countdown
{
--gkt-countdown--unit__min-width
:
6.2
em
;
--gkt-countdown--unit__padding-v
:
0.7
em
;
--gkt-countdown--unit__padding-h
:
1.4
em
;
--gkt-countdown--unit-number__font-weight
:
700
;
--gkt-countdown--unit-number__font-size
:
2
em
;
--gkt-countdown--unit-number__color
:
var
(
--gkt-color-primary
)
;
--gkt-countdown--unit-label__font-size
:
1
em
;
--gkt-countdown--unit-label__color
:
inherit
;
display
:
flex
;
flex-wrap
:
wrap
}
.
ghostkit-countdown-units-align-left
{
justify-content
:
flex-start
}
.
ghostkit-countdown-units-align-center
{
justify-content
:
center
}
.
ghostkit-countdown-units-align-right
{
justify-content
:
flex-end
}
.
ghostkit-countdown-unit
{
flex
:
0
0
auto
;
min-width
:
var
(
--gkt-countdown--unit__min-width
)
;
padding
:
var
(
--gkt-countdown--unit__padding-v
)
var
(
--gkt-countdown--unit__padding-h
)
;
text-align
:
center
}
.
ghostkit-countdown-unit
span
{
display
:
block
}
.
ghostkit-countdown-unit-number
{
color
:
var
(
--gkt-countdown--unit-number__color
)
;
font-size
:
var
(
--gkt-countdown--unit-number__font-size
)
;
font-weight
:
var
(
--gkt-countdown--unit-number__font-weight
)
}
.
ghostkit-countdown-unit-label
{
color
:
var
(
--gkt-countdown--unit-label__color
)
;
font-size
:
var
(
--gkt-countdown--unit-label__font-size
)
}
.
ghostkit-countdown-expire-action
{
display
:
none
;
width
:
100
%
}
2
