Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4102844
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
{
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
)}.
cdx-toggle-button
:
enabled
:
active
,
.
cdx-toggle-button
:
enabled
.
cdx-toggle-button--is-active
{
color
:
var
(
--color-emphasized
,
#101418
)}
[
dir
]
.
cdx-toggle-button
:
enabled
:
active
,[
dir
]
.
cdx-toggle-button
:
enabled
.
cdx-toggle-button--is-active
{
border-color
:
var
(
--border-color-interactive
,
#72777d
);
box-shadow
:
none
}.
cdx-toggle-button
.
cdx-icon
{
color
:
inherit
;
vertical-align
:
middle
}
[
dir
]
.
cdx-toggle-button--framed
:
enabled
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
);
border-color
:
var
(
--border-color-base
,
#a2a9b1
)}.
cdx-toggle-button--framed
:
enabled
:
hover
{
color
:
var
(
--color-base--hover
,
#404244
)}
[
dir
]
.
cdx-toggle-button--framed
:
enabled
:
hover
{
background-color
:
var
(
--background-color-base
,
#fff
)}
[
dir
]
.
cdx-toggle-button--framed
:
enabled
:
active
,[
dir
]
.
cdx-toggle-button--framed
:
enabled
.
cdx-toggle-button--is-active
{
background-color
:
var
(
--background-color-interactive
,
#eaecf0
)}.
cdx-toggle-button--framed
:
disabled
{
color
:
var
(
--color-inverted
,
#fff
)}
[
dir
]
.
cdx-toggle-button--framed
:
disabled
{
background-color
:
var
(
--background-color-disabled
,
#c8ccd1
);
border-color
:
var
(
--border-color-disabled
,
#c8ccd1
)}.
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--active
,
#233566
);
border-color
:
var
(
--border-color-progressive--active
,
#233566
)}.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
:
hover
{
color
:
var
(
--color-inverted-fixed
,
#fff
)}
[
dir
]
.
cdx-toggle-button--framed
.
cdx-toggle-button--toggled-on
:
enabled
:
hover
{
background-color
:
var
(
--background-color-progressive--hover
,
#4b77d6
);
border-color
:
var
(
--border-color-progressive--hover
,
#4b77d6
)}
[
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
)}.
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
{
color
:
var
(
--color-emphasized
,
#101418
)}
[
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-interactive
,
#eaecf0
);
border-color
:
var
(
--border-color-interactive
,
#72777d
);
box-shadow
:
none
}
[
dir
]
.
cdx-toggle-button--quiet
{
background-color
:
var
(
--background-color-transparent
,
transparent
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--toggled-on
{
background-color
:
var
(
--background-color-interactive
,
#eaecf0
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
:
hover
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
:
focus
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
)}
[
dir
]
.
cdx-toggle-button--quiet
:
enabled
:
active
,[
dir
]
.
cdx-toggle-button--quiet
:
enabled
.
cdx-toggle-button--is-active
{
background-color
:
var
(
--background-color-interactive
,
#eaecf0
)}.
cdx-toggle-button--quiet
:
disabled
{
color
:
var
(
--color-disabled
,
#72777d
)}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Tue, Aug 18, 17:37 (3 w, 3 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
9f/60/a15f539fbc34f5889b94f0a30104
Default Alt Text
CdxToggleButton-bidi.css (4 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment