Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4148504
CdxToggleButton-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
CdxToggleButton-bidi.css
View Options
.
cdx-toggle-button
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
gap
:
4
px
;
box-sizing
:
border-box
;
min-height
:
32
px
;
max-width
:
28
rem
;
font-family
:
inherit
;
font-size
:
inherit
;
font-weight
:
700
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
text-transform
:
none
}
[
dir
]
.
cdx-toggle-button
{
margin
:
0
;
border-width
:
1
px
;
border-style
:
solid
;
border-radius
:
2
px
;
padding-right
:
11
px
;
padding-left
:
11
px
;
transition-property
:
background-color
,
color
,
border-color
,
box-shadow
;
transition-duration
:
.1
s
}.
cdx-toggle-button--size-large
{
min-height
:
44
px
}
[
dir
]
.
cdx-toggle-button--size-large
{
padding-right
:
15
px
;
padding-left
:
15
px
}.
cdx-toggle-button--icon-only
{
min-width
:
32
px
}
[
dir
]
.
cdx-toggle-button--icon-only
{
padding-right
:
5
px
;
padding-left
:
5
px
}.
cdx-toggle-button--icon-only
.
cdx-toggle-button--size-large
{
min-width
:
44
px
}
[
dir
]
.
cdx-toggle-button--icon-only
.
cdx-toggle-button--size-large
{
padding-right
:
11
px
;
padding-left
:
11
px
}
[
dir
]
.
cdx-toggle-button
::
-moz-focus-inner
{
border
:
0
;
padding
:
0
}.
cdx-toggle-button
:
enabled
{
color
:
var
(
--color-base
,
#202122
)}
[
dir
]
.
cdx-toggle-button
:
enabled
:
hover
{
background-color
:
var
(
--background-color-interactive-subtle--hover
,
#eaecf0
);
cursor
:
pointer
}.
cdx-toggle-button
:
enabled
:
focus
{
outline
:
1
px
solid
transparent
}
[
dir
]
.
cdx-toggle-button
:
enabled
:
focus
{
border-color
:
var
(
--border-color-progressive--focus
,
#36c
);
box-shadow
:
inset
0
0
0
1
px
var
(
--box-shadow-color-progressive--focus
,
#36c
)}
[
dir
]
.
cdx-toggle-button
:
enabled
:
active
,[
dir
]
.
cdx-toggle-button
:
enabled
.
cdx-toggle-button--is-active
{
background-color
:
var
(
--background-color-interactive-subtle--active
,
#dadde3
);
border-color
:
var
(
--border-color-transparent
,
transparent
);
box-shadow
:
none
}.
cdx-toggle-button
.
cdx-icon
{
color
:
inherit
;
vertical-align
:
middle
}.
cdx-toggle-button--framed
:
enabled
{
color
:
var
(
--color-base
,
#202122
)}
[
dir
]
.
cdx-toggle-button--framed
:
enabled
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
);
border-color
:
var
(
--border-color-interactive
,
#72777d
)}
[
dir
]
.
cdx-toggle-button--framed
:
enabled
:
hover
{
background-color
:
var
(
--background-color-interactive-subtle--hover
,
#eaecf0
);
border-color
:
var
(
--border-color-interactive--hover
,
#27292d
);
cursor
:
pointer
}
[
dir
]
.
cdx-toggle-button--framed
:
enabled
:
active
,[
dir
]
.
cdx-toggle-button--framed
:
enabled
.
cdx-toggle-button--is-active
{
background-color
:
var
(
--background-color-interactive-subtle--active
,
#dadde3
);
border-color
:
var
(
--border-color-interactive--active
,
#202122
);
box-shadow
:
none
}.
cdx-toggle-button--framed
:
disabled
{
color
:
var
(
--color-disabled-emphasized
,
#a2a9b1
)}
[
dir
]
.
cdx-toggle-button--framed
:
disabled
{
background-color
:
var
(
--background-color-disabled
,
#dadde3
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
{
color
:
var
(
--color-inverted-fixed
,
#fff
)}
[
dir
]
.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
{
background-color
:
var
(
--background-color-progressive
,
#36c
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}
[
dir
]
.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
:
hover
{
background-color
:
var
(
--background-color-progressive--hover
,
#3056a9
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}
[
dir
]
.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
:
focus
{
border-color
:
var
(
--border-color-progressive--focus
,
#36c
);
box-shadow
:
inset
0
0
0
1
px
var
(
--box-shadow-color-progressive--focus
,
#36c
),
inset
0
0
0
2
px
var
(
--box-shadow-color-inverted
,
#fff
)}
[
dir
]
.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
:
active
,[
dir
]
.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
.
cdx-toggle-button--is-active
{
background-color
:
var
(
--background-color-progressive--active
,
#233566
);
border-color
:
var
(
--border-color-transparent
,
transparent
);
box-shadow
:
none
}
[
dir
]
.
cdx-toggle-button--quiet
{
background-color
:
var
(
--background-color-transparent
,
transparent
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
{
color
:
var
(
--color-progressive
,
#36c
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
{
background-color
:
var
(
--background-color-progressive-subtle
,
#f1f4fd
)}.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
:
hover
{
color
:
var
(
--color-progressive--hover
,
#3056a9
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
:
hover
{
background-color
:
var
(
--background-color-progressive-subtle--hover
,
#dce3f9
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
:
focus
{
background-color
:
var
(
--background-color-progressive-subtle
,
#f1f4fd
)}.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
:
active
,
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
.
cdx-toggle-button--is-active
{
color
:
var
(
--color-progressive--active
,
#233566
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
:
active
,[
dir
]
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
.
cdx-toggle-button--is-active
{
background-color
:
var
(
--background-color-progressive-subtle--active
,
#cbd6f6
)}.
cdx-toggle-button--quiet
:
disabled
{
color
:
var
(
--color-disabled
,
#a2a9b1
)}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Aug 19 2026, 18:49 (6 w, 3 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
21/85/45d88406aa320d66bb8ae57a0711
Default Alt Text
CdxToggleButton-bidi.css (4 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment