Browse
For agents
About
Getwid – Gutenberg Blocks
/
3.0.1
Getwid – Gutenberg Blocks
v3.0.1
Switch version
3.0.2
3.0.1
3.0.0
2.1.0
2.1.1
2.1.2
2.1.3
2.2.0
trunk
1.8.7
1.9.1
2.0.10
2.0.11
2.0.12
2.0.13
2.0.14
2.0.5
2.0.6
2.0.7
2.0.8
2.0.9
Overview
Code
getwid
/
assets
/
blocks
/
instagram
/
style-index.css
style-index.css
in Getwid – Gutenberg Blocks 3.0.1, at assets/blocks/instagram/style-index.css
2 lines
3.3 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
wp-block-getwid-instagram
{
overflow
:
hidden
}
.
wp-block-getwid-instagram__wrapper
{
display
:
flex
;
flex-wrap
:
wrap
}
.
wp-block-getwid-instagram__media-wrapper
{
overflow
:
hidden
;
padding-top
:
100
%
;
position
:
relative
}
.
wp-block-getwid-instagram__media-link
{
bottom
:
0
;
display
:
block
;
left
:
0
;
position
:
absolute
;
right
:
0
;
top
:
0
}
.
wp-block-getwid-instagram__media-link
img
{
display
:
block
;
height
:
100
%
;
object-fit
:
cover
;
transition
:
all
.25
s
linear
;
width
:
100
%
}
.
wp-block-getwid-instagram__media-link
:
before
{
background-color
:
#
000
;
content
:
"
"
;
height
:
100
%
;
left
:
0
;
opacity
:
0
;
position
:
absolute
;
top
:
0
;
transition
:
all
.25
s
linear
;
width
:
100
%
;
z-index
:
1
}
.
wp-block-getwid-instagram__media-link
:
hover
.
wp-block-getwid-instagram__meta-wrapper
{
opacity
:
1
}
.
wp-block-getwid-instagram__media-link
:
hover
.
wp-block-getwid-instagram__meta
>
span
:
first-child
{
padding-right
:
10
px
}
.
wp-block-getwid-instagram__media-link
:
hover
.
wp-block-getwid-instagram__meta
>
span
:
last-child
{
padding-left
:
10
px
}
.
wp-block-getwid-instagram__media-link
:
hover
img
{
transform
:
scale
(
1.1
)
}
.
wp-block-getwid-instagram__media-link
:
hover
:
before
{
opacity
:
.1
}
.
wp-block-getwid-instagram__meta-wrapper
{
color
:
#
fff
;
left
:
50
%
;
opacity
:
0
;
position
:
absolute
;
text-align
:
center
;
top
:
50
%
;
transform
:
translate
(
-50
%
,
-50
%
)
;
transition
:
all
.25
s
linear
;
width
:
100
%
;
z-index
:
2
}
.
wp-block-getwid-instagram__meta
>
span
{
transition
:
all
.25
s
linear
}
.
wp-block-getwid-instagram__meta
>
span
:
first-child
{
padding-right
:
30
px
}
.
wp-block-getwid-instagram__meta
>
span
:
last-child
{
padding-left
:
30
px
}
.
has-spacing-none
.
wp-block-getwid-instagram__item
{
padding
:
0
}
.
has-spacing-none
.
wp-block-getwid-instagram__wrapper
{
margin
:
0
}
.
has-spacing-small
.
wp-block-getwid-instagram__item
{
padding
:
5
px
}
.
has-spacing-small
.
wp-block-getwid-instagram__wrapper
{
margin
:
-5
px
}
.
has-spacing-medium
.
wp-block-getwid-instagram__item
{
padding
:
15
px
}
.
has-spacing-medium
.
wp-block-getwid-instagram__wrapper
{
margin
:
-15
px
}
.
has-spacing-normal
.
wp-block-getwid-instagram__item
{
padding
:
25
px
}
.
has-spacing-normal
.
wp-block-getwid-instagram__wrapper
{
margin
:
-25
px
}
.
has-spacing-large
.
wp-block-getwid-instagram__item
{
padding
:
40
px
}
.
has-spacing-large
.
wp-block-getwid-instagram__wrapper
{
margin
:
-40
px
}
.
has-1-columns
.
wp-block-getwid-instagram__item
{
width
:
100
%
}
@
media
screen
and
(
min-width
:
992
px
)
{
.
has-1-columns
.
wp-block-getwid-instagram__item
{
width
:
100
%
}
}
.
has-2-columns
.
wp-block-getwid-instagram__item
{
width
:
100
%
}
@
media
screen
and
(
min-width
:
992
px
)
{
.
has-2-columns
.
wp-block-getwid-instagram__item
{
width
:
50
%
}
}
.
has-3-columns
.
wp-block-getwid-instagram__item
{
width
:
100
%
}
@
media
screen
and
(
min-width
:
992
px
)
{
.
has-3-columns
.
wp-block-getwid-instagram__item
{
width
:
33.3333333333
%
}
}
.
has-4-columns
.
wp-block-getwid-instagram__item
{
width
:
100
%
}
@
media
screen
and
(
min-width
:
480
px
)
{
.
has-4-columns
.
wp-block-getwid-instagram__item
{
width
:
50
%
}
}
@
media
screen
and
(
min-width
:
992
px
)
{
.
has-4-columns
.
wp-block-getwid-instagram__item
{
width
:
25
%
}
}
.
has-5-columns
.
wp-block-getwid-instagram__item
{
width
:
100
%
}
@
media
screen
and
(
min-width
:
480
px
)
{
.
has-5-columns
.
wp-block-getwid-instagram__item
{
width
:
33.3333333333
%
}
}
@
media
screen
and
(
min-width
:
992
px
)
{
.
has-5-columns
.
wp-block-getwid-instagram__item
{
width
:
20
%
}
}
.
has-6-columns
.
wp-block-getwid-instagram__item
{
width
:
100
%
}
@
media
screen
and
(
min-width
:
480
px
)
{
.
has-6-columns
.
wp-block-getwid-instagram__item
{
width
:
33.3333333333
%
}
}
@
media
screen
and
(
min-width
:
992
px
)
{
.
has-6-columns
.
wp-block-getwid-instagram__item
{
width
:
16.6666666667
%
}
}
2
