Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4104969
CdxAccordion-bidi.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
4 KB
Referenced Files
None
Subscribers
None
CdxAccordion-bidi.css
View Options
.
cdx-accordion
{
position
:
relative
}
[
dir
]
.
cdx-accordion
{
border-bottom
:
1
px
solid
var
(
--border-color-subtle
,
#c8ccd1
)}.
cdx-accordion
>
summary
{
list-style
:
none
;
display
:
flex
;
gap
:
8
px
;
word-break
:
break-word
;
white-space
:
normal
}
[
dir
]
.
cdx-accordion
>
summary
{
background-color
:
var
(
--background-color-transparent
,
transparent
);
border-width
:
1
px
;
border-style
:
solid
;
border-color
:
var
(
--border-color-transparent
,
transparent
);
border-radius
:
0
;
padding
:
12
px
;
transition-property
:
background-color
,
color
,
border-color
,
box-shadow
;
transition-duration
:
.25
s
;
transition-timing-function
:
ease
}
[
dir
]
.
cdx-accordion
>
summary
:
hover
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
);
cursor
:
pointer
}
[
dir
]
.
cdx-accordion
>
summary
:
active
{
background-color
:
var
(
--background-color-interactive
,
#eaecf0
)}.
cdx-accordion
>
summary
:
focus-visible
{
outline
:
1
px
solid
transparent
}
[
dir
]
.
cdx-accordion
>
summary
:
focus-visible
{
box-shadow
:
inset
0
0
0
2
px
var
(
--border-color-progressive
,
#36c
)}
[
dir
]
.
cdx-accordion
>
summary
:
focus
:
not
(
:
active
)
{
border-color
:
var
(
--border-color-progressive--focus
,
#36c
);
box-shadow
:
inset
0
0
0
1
px
var
(
--box-shadow-color-progressive--focus
,
#36c
)}.
cdx-accordion
>
summary
::
-webkit-details-marker
{
display
:
none
}.
cdx-accordion
.
cdx-accordion__header
{
position
:
relative
;
font-size
:
1
rem
}
[
dir
]
.
cdx-accordion
.
cdx-accordion__header
{
margin-top
:
0
;
margin-bottom
:
0
;
border-top
:
0
;
padding-top
:
0
;
padding-bottom
:
0
}.
cdx-accordion
.
cdx-accordion__header__title
{
display
:
flex
;
gap
:
8
px
;
line-height
:
1.375
}.
cdx-accordion
.
cdx-accordion__header__description
{
color
:
var
(
--color-subtle
,
#54595d
);
display
:
flex
;
font-weight
:
400
;
line-height
:
1.375
;
pointer-events
:
none
}.
cdx-accordion__action
.
cdx-button
{
display
:
flex
;
align-items
:
center
;
position
:
absolute
;
top
:
0
;
height
:
calc
(
1.375
em
+
26
px
);
font-size
:
1
rem
}
[
dir
]
.
cdx-accordion__action
.
cdx-button
{
padding-right
:
12
px
;
padding-left
:
12
px
}
[
dir
=
ltr
]
.
cdx-accordion__action
.
cdx-button
{
right
:
0
}
[
dir
=
rtl
]
.
cdx-accordion__action
.
cdx-button
{
left
:
0
}
[
dir
]
.
cdx-accordion__action
.
cdx-button
:
hover
{
background-color
:
unset
}.
cdx-accordion__content
{
font-size
:
1
rem
}
[
dir
]
.
cdx-accordion__content
{
padding
:
8
px
12
px
12
px
}.
cdx-accordion
>
summary
:
before
{
content
:
""
;
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
;
height
:
1.375
em
}
[
dir
]
.
cdx-accordion
>
summary
:
before
{
transition-property
:
background-color
,
border-color
,
transform
;
transition-duration
:
.25
s
;
transition-timing-function
:
ease
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{
[
dir
]
.
cdx-accordion
>
summary
:
before
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1
rem
,
16
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-accordion
>
summary
:
before
{
-webkit-
mask-size
:
max
(
1
rem
,
16
px
);
mask-size
:
max
(
1
rem
,
16
px
);
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-position
:
center
;
mask-position
:
center
}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-accordion
>
summary
:
before
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
cdx-accordion
>
summary
:
before
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>'
)}.
cdx-button
:
not
(
.
cdx-button--weight-quiet
)
:
disabled
.
cdx-accordion
>
summary
:
before
,
.
cdx-button--weight-primary
.
cdx-button--action-progressive
.
cdx-accordion
>
summary
:
before
,
.
cdx-button--weight-primary
.
cdx-button--action-destructive
.
cdx-accordion
>
summary
:
before
{
filter
:
invert
(
var
(
--filter-invert-primary-button-icon
,
1
))}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-accordion
>
summary
:
before
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>'
);
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>'
)}
[
dir
]
.
cdx-accordion
>
summary
:
before
{
background-color
:
var
(
--color-base
,
#202122
)}}
[
dir
=
ltr
]
.
cdx-accordion
[
open
]>
summary
:
before
{
transform
:
rotate
(
-180deg
)}
[
dir
=
rtl
]
.
cdx-accordion
[
open
]>
summary
:
before
{
transform
:
rotate
(
180
deg
)}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Tue, Aug 18, 18:45 (3 w, 15 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
4e/ef/05b799a377a71aff238a3f93b7cc
Default Alt Text
CdxAccordion-bidi.css (4 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment