Browse
For agents
About
ElasticPress
/
5.0.1
ElasticPress
v5.0.1
Switch version
5.3.5
5.3.4
3.6.5
3.6.6
4.0.0
4.0.1
4.1.0
4.2.0
4.2.1
4.2.2
4.3.0
4.3.1
4.4.0
4.4.1
4.5.0
4.5.1
4.5.2
4.6.0
4.6.1
4.7.0
4.7.1
4.7.2
5.0.0
5.0.1
5.0.2
All 108 releases
Overview
Code
elasticpress
/
dist
/
css
/
sync-script.css
sync-script.css
in ElasticPress 5.0.1, at dist/css/sync-script.css
3 lines
5.0 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
ep-settings-page__wrap
{
margin-left
:
auto
;
margin-right
:
auto
;
max-width
:
50
pc
}
.
ep-settings-page__snackbar-list
{
bottom
:
40
px
;
left
:
0
;
padding
:
0
1
pc
;
position
:
fixed
}
@
media
(
min-width
:
600
px
)
{
.
ep-settings-page__snackbar-list
{
left
:
auto
;
padding
:
0
}
}
2
.
ep-sync-advanced-control
{
margin-bottom
:
24
px
}
fieldset
.
ep-sync-advanced-control
{
margin-bottom
:
1
pc
}
.
ep-sync-advanced-control
.
components-flex
.
components-flex-item
{
-webkit-box-flex
:
2
;
-ms-flex-positive
:
2
;
flex-grow
:
2
}
.
ep-sync-advanced-control__label
{
display
:
inline-block
;
font-size
:
11
px
;
font-weight
:
500
;
line-height
:
1.4
;
margin-bottom
:
8
px
;
padding
:
0
;
text-transform
:
uppercase
}
.
ep-sync-controls
{
grid-gap
:
8
px
;
-ms-grid-columns
:
-webkit-max-content
-webkit-max-content
auto
;
-ms-grid-columns
:
max-content
max-content
auto
;
display
:
-ms-grid
;
display
:
grid
;
grid-template-columns
:
-webkit-max-content
-webkit-max-content
auto
;
grid-template-columns
:
max-content
max-content
auto
;
margin-bottom
:
1
pc
}
.
ep-sync-controls
.
is-link
{
-ms-grid-column-align
:
end
;
grid-column
:
-1
;
justify-self
:
end
}
.
ep-sync-log
{
margin
:
0
0
1
pc
0
}
.
ep-sync-messages
{
-ms-flex-line-pack
:
start
;
grid-gap
:
0
8
px
;
-ms-grid-columns
:
-webkit-max-content
auto
;
-ms-grid-columns
:
max-content
auto
;
align-content
:
start
;
background
:
#
1a1e24
;
background
:
var
(
--ep-sync-color-black
)
;
color
:
#
fff
;
color
:
var
(
--ep-sync-color-white
)
;
display
:
-ms-grid
;
display
:
grid
;
font-family
:
monospace
;
gap
:
0
8
px
;
grid-template-columns
:
-webkit-max-content
auto
;
grid-template-columns
:
max-content
auto
;
height
:
21
em
;
line-height
:
2
;
overflow-y
:
auto
;
padding
:
8
px
1
pc
;
white-space
:
pre-wrap
}
.
ep-sync-messages__line-number
{
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
min-width
:
3
ch
;
opacity
:
.5
;
text-align
:
right
}
.
ep-sync-panel
.
components-notice
{
margin-bottom
:
9
pt
;
margin-left
:
0
;
margin-right
:
0
}
.
ep-sync-panel
.
components-checkbox-control
:
has
(
[
disabled
]
)
.
components-checkbox-control__label
,
.
ep-sync-panel
.
components-checkbox-control
:
has
(
[
disabled
]
)
input
[
disabled
]
{
opacity
:
.5
}
.
ep-sync-panel__controls
.
is-opened
{
padding-bottom
:
4
px
}
.
ep-sync-panel__advanced
.
is-opened
{
padding-bottom
:
0
}
.
ep-previous-sync
{
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
grid-column-gap
:
8
px
;
-ms-grid-columns
:
-webkit-max-content
8
px
auto
;
-ms-grid-columns
:
max-content
8
px
auto
;
-webkit-box-pack
:
start
;
-ms-flex-pack
:
start
;
align-items
:
center
;
display
:
-ms-grid
;
display
:
grid
;
grid-template-areas
:
"
icon title
"
"
. help
"
;
grid-template-columns
:
-webkit-max-content
auto
;
grid-template-columns
:
max-content
auto
;
justify-content
:
start
}
.
ep-previous-sync
svg
{
display
:
block
;
grid-area
:
icon
;
-ms-grid-column
:
1
;
-ms-grid-row
:
1
}
.
ep-previous-sync
.
is-success
svg
{
fill
:
#
4ab866
;
fill
:
var
(
--ep-sync-color-success
)
}
.
ep-previous-sync
.
is-error
svg
{
fill
:
#
cc1818
;
fill
:
var
(
--ep-sync-color-error
)
}
.
ep-previous-sync__title
{
grid-area
:
title
;
-ms-grid-column
:
3
;
-ms-grid-row
:
1
}
.
ep-previous-sync__help
{
color
:
#
757575
;
font-size
:
9
pt
;
font-style
:
normal
;
grid-area
:
help
;
-ms-grid-column
:
3
;
-ms-grid-row
:
2
}
.
ep-sync-progress-bar
{
background
:
#
f0f0f0
;
background
:
var
(
--ep-sync-color-light-grey
)
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
overflow
:
hidden
;
text-align
:
center
}
.
ep-sync-progress-bar
,
.
ep-sync-progress-bar__progress
{
border-radius
:
4
px
}
.
ep-sync-progress-bar__progress
{
background
:
var
(
--wp-admin-theme-color
)
;
color
:
#
fff
;
color
:
var
(
--ep-sync-color-white
)
;
height
:
8
px
;
padding
:
0
8
px
;
-webkit-transition
:
all
.5
s
ease-in-out
;
transition
:
all
.5
s
ease-in-out
;
white-space
:
nowrap
}
.
ep-sync-progress-bar--complete
.
ep-sync-progress-bar__progress
{
background
:
#
4ab866
;
background
:
var
(
--ep-sync-color-success
)
}
.
ep-sync-progress-bar--paused
.
ep-sync-progress-bar__progress
{
opacity
:
.5
}
.
ep-sync-progress-bar--failed
.
ep-sync-progress-bar__progress
{
background
:
#
cc1818
;
background
:
var
(
--ep-sync-color-error
)
}
@
-webkit-keyframes
epSyncRotation
{
0%
{
-webkit-transform
:
rotate
(
0
deg
)
;
transform
:
rotate
(
0
deg
)
}
to
{
-webkit-transform
:
rotate
(
359
deg
)
;
transform
:
rotate
(
359
deg
)
}
}
@
keyframes
epSyncRotation
{
0%
{
-webkit-transform
:
rotate
(
0
deg
)
;
transform
:
rotate
(
0
deg
)
}
to
{
-webkit-transform
:
rotate
(
359
deg
)
;
transform
:
rotate
(
359
deg
)
}
}
.
ep-sync-progress
{
-webkit-box-align
:
start
;
-ms-flex-align
:
start
;
grid-column-gap
:
4
px
;
grid-row-gap
:
1
pc
;
-ms-grid-columns
:
-webkit-min-content
auto
;
-ms-grid-columns
:
min-content
auto
;
align-items
:
start
;
display
:
-ms-grid
;
display
:
grid
;
grid-template-columns
:
-webkit-min-content
auto
;
grid-template-columns
:
min-content
auto
;
margin-bottom
:
1
pc
}
.
ep-sync-progress
svg
{
-webkit-animation
:
epSyncRotation
1.5
s
linear
infinite
;
animation
:
epSyncRotation
1.5
s
linear
infinite
;
-webkit-animation-play-state
:
paused
;
animation-play-state
:
paused
;
height
:
24
px
;
width
:
24
px
}
.
ep-sync-progress--syncing
svg
{
-webkit-animation-play-state
:
running
;
animation-play-state
:
running
}
.
ep-sync-progress__details
strong
{
display
:
block
;
line-height
:
24
px
}
.
ep-sync-progress__progress-bar
{
grid-column
:
1
/
-1
}
.
ep-sync-history
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
gap
:
1
pc
;
list-style
:
none
;
margin-left
:
0
}
.
ep-sync-history
li
{
margin
:
0
}
:
root
{
--ep-sync-color-black
:
#
1a1e24
;
--ep-sync-color-error
:
#
cc1818
;
--ep-sync-color-light-grey
:
#
f0f0f0
;
--ep-sync-color-success
:
#
4ab866
;
--ep-sync-color-warning
:
#
ffb359
;
--ep-sync-color-white
:
#
fff
}
3
