Browse
For agents
About
GiveWP – Donation Plugin and Fundraising Platform
/
4.16.1
GiveWP – Donation Plugin and Fundraising Platform
v4.16.1
Switch version
4.16.8
4.16.7.2
4.16.7.1
4.16.7
4.16.6.1
4.16.6
4.16.5.1
4.16.5
4.16.4
4.16.3
4.16.2
4.16.1
4.16.0
4.15.5
4.15.4
4.15.3
4.15.2
4.15.1
4.15.0
2.3.0
2.3.1
2.3.2
2.30.0
2.31.0
2.31.1
All 253 releases
Overview
Code
give
/
build
/
twoPanelStepsFormLayoutCss.css
twoPanelStepsFormLayoutCss.css
2 lines
1.6 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
@
layer
form-design
{
.
givewp-donation-form
{
--two-panel-header-width
:
42.5
rem
;
align-items
:
flex-start
;
display
:
flex
;
flex-direction
:
row
;
gap
:
var
(
--givewp-spacing-2
)
;
margin
:
auto
;
max-width
:
calc
(
var
(
--two-panel-header-width
)
+
35.5
rem
)
;
padding
:
0
.5
rem
;
width
:
100
%
}
@
media
screen
and
(
max-width
:
53.5
rem
)
{
.
givewp-donation-form
{
border
:
1
px
solid
var
(
--givewp-grey-25
)
;
border-radius
:
var
(
--givewp-rounded-8
)
;
box-shadow
:
var
(
--givewp-shadow-sm
)
;
flex-direction
:
column
;
gap
:
0
;
max-width
:
35
rem
}
}
@
media
screen
and
(
max-width
:
36
rem
)
{
.
givewp-donation-form
{
margin
:
.5
rem
;
max-width
:
calc
(
100
%
-
1
rem
)
}
}
@
media
screen
and
(
max-width
:
71.5
rem
)
{
.
givewp-donation-form__steps
{
border-radius
:
0
;
box-shadow
:
none
}
}
.
givewp-layouts-section
{
margin-bottom
:
0
}
.
givewp-layouts-section__fieldset
{
display
:
flex
;
flex-direction
:
column
;
gap
:
var
(
--givewp-spacing-6
)
}
.
givewp-layouts-section__fieldset__legend
legend
{
margin-block-end
:
0
}
.
givewp-layouts-header
{
max-width
:
var
(
--two-panel-header-width
)
;
text-align
:
center
;
width
:
100
%
}
@
media
screen
and
(
min-width
:
71.5
rem
)
{
.
givewp-layouts-header
{
border
:
1
px
solid
var
(
--givewp-grey-25
)
;
border-radius
:
var
(
--givewp-rounded-8
)
;
box-shadow
:
var
(
--givewp-shadow-sm
)
}
}
.
givewp-layouts-headerTitle
{
margin-bottom
:
var
(
--givewp-spacing-3
)
}
.
givewp-layouts-headerDescription
{
margin-bottom
:
var
(
--givewp-spacing-10
)
}
.
givewp-layouts
.
givewp-layouts-header__templates-ms
{
padding-bottom
:
2
rem
}
.
givewp-layouts
.
givewp-layouts-header__templates-ms--background
.
givewp-layouts-header__content
{
margin-bottom
:
0
;
position
:
static
}
.
givewp-layouts
.
givewp-layouts-header__templates-ms--background
.
givewp-layouts-headerImage
img
{
border-radius
:
var
(
--givewp-rounded-8
)
;
bottom
:
0
;
height
:
100
%
;
left
:
0
;
min-height
:
100
%
;
position
:
absolute
}
}
2
