Browse
For agents
About
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs
/
5.0.1
BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs
v5.0.1
Switch version
5.0.1
4.1.0
trunk
1.0.0
1.0.1
1.0.2
1.0.3
1.0.4
1.0.5
1.1.0
1.1.1
1.1.2
1.2.0
1.2.1
1.2.2
1.2.3
1.3.0
1.3.1
1.3.2
1.3.3
1.3.4
1.3.5
2.1.2
2.5.0
2.5.3
All 39 releases
Overview
Code
blockspare
/
build
/
block
/
notice-bar
/
index.css
index.css
in BlockSpare – Gutenberg Blocks, AI Content Generator & Site Builder for News, Magazine & Blogs 5.0.1, at build/block/notice-bar/index.css
4 lines
3.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
.
blockspare-noticebar-wrapper
.
blockspare-block-button
span
.
blockspare-button
{
display
:
inline-block
;
width
:
max-content
}
.
blockspare-icon-list-icons
[
class
*=
blockspare-notice-
]
:
before
{
color
:
inherit
;
display
:
inline-block
;
font-family
:
Font Awesome
\
5
Free
;
font-size
:
inherit
;
font-weight
:
900
}
.
blockspare-icon-list-icons
.
blockspare-notice-bell
:
before
{
content
:
"
"
}
.
blockspare-icon-list-icons
.
blockspare-notice-bell-outline
:
before
{
content
:
"
"
;
font-weight
:
400
}
.
blockspare-icon-list-icons
.
blockspare-notice-bullhorn
:
before
{
content
:
"
"
}
.
blockspare-icon-list-icons
.
blockspare-notice-stickynote
:
before
{
content
:
"
"
}
.
blockspare-icon-list-icons
.
blockspare-notice-stickynote-outline
:
before
{
content
:
"
"
;
font-weight
:
400
}
.
blockspare-icon-list-icons
.
blockspare-notice-clipboard
:
before
{
content
:
"
"
}
.
blockspare-icon-list-icons
.
blockspare-notice-clipboard-outline
:
before
{
content
:
"
"
;
font-weight
:
400
}
.
blockspare-icon-list-icons
.
blockspare-notice-phone-volume
:
before
{
content
:
"
"
}
2
.
blockspare-field-icon-list
.
blockspare-icon-list-warp
{
display
:
block
;
width
:
100
%
}
.
blockspare-field-icon-list
.
blockspare-icon-list-wrapper
input
{
background
:
#
fff
;
border
:
1
px
solid
#
e5e7ea
;
border-radius
:
3
px
3
px
0
0
;
height
:
36
px
;
padding
:
0
10
px
!important
;
position
:
relative
;
width
:
100
%
;
z-index
:
2
}
.
blockspare-field-icon-list
.
blockspare-icon-list-wrapper
input
:
focus
{
border
:
1
px
solid
#
2184f9
;
box-shadow
:
none
;
outline
:
0
}
.
blockspare-field-icon-list
.
blockspare-icon-list-wrapper
.
blockspare-font-list
span
{
border-bottom
:
.5
px
solid
#
e5e7ea
}
.
blockspare-field-icon-list
.
blockspare-icon-list-wrapper
.
blockspare-font-list
span
.
active
{
color
:
#
555d66
}
.
blockspare-field-icon-list
.
blockspare-toggle-enabled
label
{
display
:
inline-block
;
font-size
:
16
px
;
line-height
:
1
;
margin
:
0
;
width
:
auto
}
.
blockspare-field-icon-list
.
blockspare-icon-list-icons
{
border
:
1
px
solid
#
e5e7ea
;
border-top
:
0
;
margin
:
-1
px
0
0
;
max-height
:
177
px
;
overflow
:
auto
;
position
:
relative
;
z-index
:
1
}
.
blockspare-field-icon-list
.
blockspare-icon-list-icons
>
span
{
float
:
left
;
font-size
:
15
px
;
margin
:
0
;
text-align
:
center
;
width
:
16.6666666667
%
}
.
blockspare-field-icon-list
.
blockspare-icon-list-icons
>
span
span
{
background
:
#
fff
;
border
:
1
px
solid
#
e5e7ea
;
color
:
#
565d66
;
display
:
block
;
height
:
37
px
;
line-height
:
37
px
;
margin-bottom
:
-1
px
;
margin-left
:
-1
px
;
transition
:
.3
s
}
.
blockspare-field-icon-list
.
blockspare-icon-list-icons
>
span
:
hover
{
cursor
:
pointer
}
.
blockspare-field-icon-list
.
blockspare-icon-list-icons
>
span
.
blockspare-active
span
,
.
blockspare-field-icon-list
.
blockspare-icon-list-icons
>
span
:
hover
span
{
background
:
#
2184f9
;
border-color
:
#
2184f9
;
color
:
#
fff
}
.
blockspare-field-icon-list
.
blockspare-icon-list-inner
{
display
:
block
;
padding
:
4
px
9
px
;
width
:
100
%
}
.
blockspare-field-icon-list
.
blockspare-icon-list-inner
:
hover
{
cursor
:
pointer
}
.
blockspare-field-icon-list
.
blockspare-icon-list-inner
>
i
{
float
:
right
;
font-size
:
11
px
;
font-style
:
normal
;
padding
:
3
px
}
.
blockspare-field-icon-list
.
blockspare-icon-list-inner
>
i
.
fa-times
:
hover
{
color
:
red
}
.
blockspare-field-icon-list
:
not
(
:
last-child
)
.
blockspare-icon-list-icons
{
margin-bottom
:
24
px
}
.
blockspare-block-iconlist-wrap
.
blockspare-list-wrap
ol
{
list-style-position
:
inside
}
.
blockspare-block-iconlist-wrap
.
blockspare-list-wrap
ol
li
{
margin-left
:
0
}
3
.
blockspare-typography-range-options
.
components-base-control__label
{
display
:
block
;
width
:
auto
}
4
