Browse
For agents
About
Getwid – Gutenberg Blocks
/
2.2.0
Getwid – Gutenberg Blocks
v2.2.0
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
/
button-group
/
style.css
style.css
in Getwid – Gutenberg Blocks 2.2.0, at assets/blocks/button-group/style.css
3 lines
6.4 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
/*
!
2
* getwid-button-group
3
*/
.
wp-block-getwid-button-group
{
overflow
:
hidden
}
.
wp-block-getwid-button-group
.
wp-block-button
{
margin
:
0
;
padding
:
0
5
px
5
px
5
px
}
.
wp-block-getwid-button-group
.
wp-block-button__link
{
width
:
100
%
}
.
wp-block-getwid-button-group
.
wp-block-button
.
wp-block-button__width-25
{
width
:
25
%
}
.
wp-block-getwid-button-group
.
wp-block-button
.
wp-block-button__width-50
{
width
:
50
%
}
.
wp-block-getwid-button-group
.
wp-block-button
.
wp-block-button__width-75
{
width
:
75
%
}
.
wp-block-getwid-button-group
.
wp-block-button
.
wp-block-button__width-100
{
width
:
100
%
}
.
wp-block-getwid-button-group__wrapper
{
display
:
flex
;
flex-wrap
:
wrap
;
align-items
:
center
;
justify-content
:
flex-start
;
margin
:
0
-5
px
-5
px
-5
px
!important
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-none
{
margin
:
0
!important
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-none
.
wp-block-button
{
margin
:
0
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-small
{
margin
:
0
-10
px
-10
px
-10
px
!important
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-small
.
wp-block-button
{
padding
:
0
10
px
10
px
10
px
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-medium
{
margin
:
0
-15
px
-15
px
-15
px
!important
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-medium
.
wp-block-button
{
padding
:
0
15
px
15
px
15
px
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-normal
{
margin
:
0
-20
px
-20
px
-20
px
!important
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-normal
.
wp-block-button
{
padding
:
0
20
px
20
px
20
px
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-large
{
margin
:
0
-25
px
-25
px
-25
px
!important
}
.
wp-block-getwid-button-group__wrapper
.
has-spacing-large
.
wp-block-button
{
padding
:
0
25
px
25
px
25
px
}
.
wp-block-getwid-button-group__wrapper
.
has-alignment-center
{
justify-content
:
center
}
.
wp-block-getwid-button-group__wrapper
.
has-alignment-right
{
justify-content
:
flex-end
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-alignment-tablet-center
{
justify-content
:
center
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-alignment-tablet-right
{
justify-content
:
flex-end
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-alignment-tablet-left
{
justify-content
:
flex-start
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-alignment-mobile-center
{
justify-content
:
center
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-alignment-mobile-right
{
justify-content
:
flex-end
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-alignment-mobile-left
{
justify-content
:
flex-start
}
}
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
{
flex-direction
:
column
;
align-items
:
flex-start
}
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-center
{
align-items
:
center
}
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-right
{
align-items
:
flex-end
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-tablet-center
{
align-items
:
center
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-tablet-right
{
align-items
:
flex-end
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-tablet-left
{
align-items
:
flex-start
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-mobile-center
{
align-items
:
center
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-mobile-right
{
align-items
:
flex-end
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-column
.
has-alignment-mobile-left
{
align-items
:
flex-start
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-tablet-column
{
flex-direction
:
column
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-tablet-column
.
has-alignment-tablet-center
{
align-items
:
center
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-tablet-column
.
has-alignment-tablet-right
{
align-items
:
flex-end
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-tablet-column
.
has-alignment-tablet-left
{
align-items
:
flex-start
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-tablet-row
{
flex-direction
:
row
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-mobile-column
{
flex-direction
:
column
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-mobile-column
.
has-alignment-mobile-center
{
align-items
:
center
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-mobile-column
.
has-alignment-mobile-right
{
align-items
:
flex-end
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-mobile-column
.
has-alignment-mobile-left
{
align-items
:
flex-start
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
wp-block-getwid-button-group__wrapper
.
has-direction-mobile-row
{
flex-direction
:
row
}
}
.
has-width-100
.
wp-block-button
{
width
:
100
%
}
.
has-width-50
.
wp-block-button
{
width
:
50
%
}
.
has-width-33
.
wp-block-button
{
width
:
33.3333
%
}
.
has-width-25
.
wp-block-button
{
width
:
25
%
}
.
has-width-20
.
wp-block-button
{
width
:
20
%
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
has-width-tablet-100
.
wp-block-button
{
width
:
100
%
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
has-width-tablet-50
.
wp-block-button
{
width
:
50
%
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
has-width-tablet-33
.
wp-block-button
{
width
:
33.3333
%
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
has-width-tablet-25
.
wp-block-button
{
width
:
25
%
}
}
@
media
screen
and
(
min-width
:
768
px
)
and
(
max-width
:
991
px
)
{
.
has-width-tablet-20
.
wp-block-button
{
width
:
20
%
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
has-width-mobile-100
.
wp-block-button
{
width
:
100
%
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
has-width-mobile-50
.
wp-block-button
{
width
:
50
%
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
has-width-mobile-33
.
wp-block-button
{
width
:
33.3333
%
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
has-width-mobile-25
.
wp-block-button
{
width
:
25
%
}
}
@
media
screen
and
(
max-width
:
767
px
)
{
.
has-width-mobile-20
.
wp-block-button
{
width
:
20
%
}
}
