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