Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F5976441
CdxCheckbox-bidi.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
8 KB
Referenced Files
None
Subscribers
None
CdxCheckbox-bidi.css
View Options
.
cdx-checkbox
{
position
:
relative
;
min-width
:
20
px
;
min-height
:
20
px
}.
cdx-checkbox__wrapper
{
display
:
flex
}.
cdx-checkbox
:
not
(
.
cdx-checkbox--inline
)
{
display
:
flex
;
flex-direction
:
column
}
[
dir
]
.
cdx-checkbox
:
not
(
.
cdx-checkbox--inline
)
{
margin-bottom
:
12
px
}
[
dir
]
.
cdx-checkbox
:
not
(
.
cdx-checkbox--inline
)
:
last-child
{
margin-bottom
:
0
}.
cdx-checkbox--inline
{
display
:
inline-flex
;
white-space
:
nowrap
}
[
dir
=
ltr
]
.
cdx-checkbox--inline
{
margin-right
:
16
px
}
[
dir
=
rtl
]
.
cdx-checkbox--inline
{
margin-left
:
16
px
}
[
dir
=
ltr
]
.
cdx-checkbox--inline
:
last-child
{
margin-right
:
0
}
[
dir
=
rtl
]
.
cdx-checkbox--inline
:
last-child
{
margin-left
:
0
}.
cdx-checkbox__label
,
.
cdx-checkbox__label
.
cdx-label
{
display
:
inline-flex
;
position
:
relative
;
z-index
:
0
;
line-height
:
1.4285714
}
[
dir
=
ltr
]
.
cdx-checkbox__label
,[
dir
=
ltr
]
.
cdx-checkbox__label
.
cdx-label
{
padding-left
:
calc
(
1.25
rem
+
8
px
)}
[
dir
=
rtl
]
.
cdx-checkbox__label
,[
dir
=
rtl
]
.
cdx-checkbox__label
.
cdx-label
{
padding-right
:
calc
(
1.25
rem
+
8
px
)}
[
dir
]
.
cdx-checkbox__label
.
cdx-label
{
padding-bottom
:
0
}.
cdx-checkbox__label
.
cdx-label
.
cdx-label__label__text
{
font-weight
:
400
}.
cdx-checkbox--inline
.
cdx-checkbox__label
{
display
:
inline
}.
cdx-checkbox__icon
{
position
:
absolute
;
box-sizing
:
border-box
;
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
}
[
dir
]
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-base-fixed
,
#fff
);
border-width
:
1
px
;
border-style
:
solid
;
transition-property
:
background-color
,
color
,
border-color
,
box-shadow
;
transition-duration
:
.1
s
}
[
dir
=
ltr
]
.
cdx-checkbox__icon
{
left
:
0
}
[
dir
=
rtl
]
.
cdx-checkbox__icon
{
right
:
0
}.
cdx-checkbox__input
{
opacity
:
0
;
position
:
absolute
;
z-index
:
1
;
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
;
font-size
:
inherit
}
[
dir
]
.
cdx-checkbox__input
{
margin
:
0
;
cursor
:
inherit
}
[
dir
=
ltr
]
.
cdx-checkbox__input
{
left
:
0
}
[
dir
=
rtl
]
.
cdx-checkbox__input
{
right
:
0
}
[
dir
]
.
cdx-checkbox
:
hover
>
.
cdx-checkbox__input
:
enabled
,[
dir
]
.
cdx-checkbox
:
hover
>
.
cdx-checkbox__input
:
enabled
~
.
cdx-label
.
cdx-label__label
,[
dir
]
.
cdx-checkbox
:
hover
>
.
cdx-checkbox__input
:
enabled
~
.
cdx-checkbox__label
:
not
(
.
cdx-label
)
{
cursor
:
pointer
}
[
dir
]
.
cdx-checkbox__custom-input
:
not
(
.
cdx-checkbox__custom-input--inline
)
{
padding-top
:
6
px
}
[
dir
=
ltr
]
.
cdx-checkbox__custom-input
:
not
(
.
cdx-checkbox__custom-input--inline
)
{
padding-left
:
calc
(
1.25
rem
+
8
px
)}
[
dir
=
rtl
]
.
cdx-checkbox__custom-input
:
not
(
.
cdx-checkbox__custom-input--inline
)
{
padding-right
:
calc
(
1.25
rem
+
8
px
)}
[
dir
]
.
cdx-checkbox__icon
{
border-radius
:
2
px
}.
cdx-checkbox__input
:
indeterminate
+
.
cdx-checkbox__icon
:
before
{
content
:
" "
;
position
:
absolute
;
top
:
calc
(
50
%
-
.5
px
);
height
:
2
px
}
[
dir
]
.
cdx-checkbox__input
:
indeterminate
+
.
cdx-checkbox__icon
:
before
{
background-color
:
var
(
--background-color-base-fixed
,
#fff
);
right
:
3
px
;
left
:
3
px
}.
cdx-checkbox__input
:
checked
:
not
(
:
indeterminate
)+
.
cdx-checkbox__icon
:
before
{
content
:
" "
;
display
:
block
;
width
:
.25
rem
;
height
:
calc
(
100
%
-
6
px
);
border-right-width
:
2
px
;
border-right-style
:
solid
;
transform
:
rotate
(
45
deg
)}
[
dir
]
.
cdx-checkbox__input
:
checked
:
not
(
:
indeterminate
)+
.
cdx-checkbox__icon
:
before
{
margin
:
0
auto
4
px
;
border-bottom-width
:
2
px
;
border-bottom-style
:
solid
}
[
dir
]
.
cdx-checkbox__input
:
enabled
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-base
,
#fff
);
border-color
:
var
(
--border-color-interactive
,
#72777d
)}
[
dir
]
.
cdx-checkbox__input
:
enabled
:
hover
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-interactive-subtle--hover
,
#eaecf0
);
border-color
:
var
(
--border-color-interactive--hover
,
#27292d
)}.
cdx-checkbox__input
:
enabled
:
focus
:
not
(
:
active
)+
.
cdx-checkbox__icon
{
outline
:
1
px
solid
transparent
}
[
dir
]
.
cdx-checkbox__input
:
enabled
:
focus
:
not
(
:
active
)+
.
cdx-checkbox__icon
{
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-checkbox__input
:
enabled
:
active
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-interactive-subtle--active
,
#dadde3
);
border-color
:
var
(
--border-color-interactive--active
,
#202122
)}
[
dir
]
.
cdx-checkbox__input
:
enabled
:
checked
+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox__input
:
enabled
:
indeterminate
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-progressive
,
#36c
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}
[
dir
]
.
cdx-checkbox__input
:
enabled
:
checked
:
hover
+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox__input
:
enabled
:
indeterminate
:
hover
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-progressive--hover
,
#3056a9
)}
[
dir
]
.
cdx-checkbox__input
:
enabled
:
checked
:
focus
:
not
(
:
active
)
:
not
(
:
hover
)+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox__input
:
enabled
:
indeterminate
:
focus
:
not
(
:
active
)
:
not
(
:
hover
)+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-progressive
,
#36c
)}
[
dir
]
.
cdx-checkbox__input
:
enabled
:
checked
:
focus
:
not
(
:
active
)+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox__input
:
enabled
:
indeterminate
:
focus
:
not
(
:
active
)+
.
cdx-checkbox__icon
{
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-checkbox__input
:
enabled
:
checked
:
active
+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox__input
:
enabled
:
indeterminate
:
active
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-progressive--active
,
#233566
)}
[
dir
]
.
cdx-checkbox__input
:
enabled
:
checked
:
not
(
:
indeterminate
)+
.
cdx-checkbox__icon
:
before
{
border-color
:
var
(
--border-color-inverted-fixed
,
#fff
)}.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
~
.
cdx-checkbox__label
{
color
:
var
(
--color-error
,
#bf3c2c
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-error-subtle
,
#ffe9e5
);
border-color
:
var
(
--border-color-error
,
#f54739
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
hover
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-error-subtle--hover
,
#ffdad3
);
border-color
:
var
(
--border-color-error--hover
,
#9f3526
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
focus
+
.
cdx-checkbox__icon
{
border-color
:
var
(
--border-color-progressive--focus
,
#36c
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
active
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-error-subtle--active
,
#ffc8bd
);
border-color
:
var
(
--border-color-error--active
,
#612419
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
checked
+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
indeterminate
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-error
,
#f54739
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
checked
:
hover
+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
indeterminate
:
hover
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-error--hover
,
#d74032
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
checked
:
active
+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
indeterminate
:
active
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-error--active
,
#bf3c2c
)}
[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
checked
:
focus
:
not
(
:
active
)+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox--status-error
.
cdx-checkbox__input
:
enabled
:
indeterminate
:
focus
:
not
(
:
active
)+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-error
,
#f54739
);
border-color
:
var
(
--border-color-progressive--focus
,
#36c
)}
[
dir
]
.
cdx-checkbox__input
:
disabled
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-disabled-subtle
,
#eaecf0
);
border-color
:
var
(
--border-color-disabled
,
#c8ccd1
)}
[
dir
]
.
cdx-checkbox__input
:
disabled
:
checked
+
.
cdx-checkbox__icon
,[
dir
]
.
cdx-checkbox__input
:
disabled
:
indeterminate
+
.
cdx-checkbox__icon
{
background-color
:
var
(
--background-color-disabled
,
#dadde3
);
border-color
:
var
(
--border-color-transparent
,
transparent
)}
[
dir
]
.
cdx-checkbox__input
:
disabled
:
checked
:
not
(
:
indeterminate
)+
.
cdx-checkbox__icon
:
before
{
border-bottom-color
:
var
(
--color-disabled
,
#a2a9b1
)}
[
dir
=
ltr
]
.
cdx-checkbox__input
:
disabled
:
checked
:
not
(
:
indeterminate
)+
.
cdx-checkbox__icon
:
before
{
border-right-color
:
var
(
--color-disabled
,
#a2a9b1
)}
[
dir
=
rtl
]
.
cdx-checkbox__input
:
disabled
:
checked
:
not
(
:
indeterminate
)+
.
cdx-checkbox__icon
:
before
{
border-left-color
:
var
(
--color-disabled
,
#a2a9b1
)}
[
dir
]
.
cdx-checkbox__input
:
disabled
:
indeterminate
+
.
cdx-checkbox__icon
:
before
{
background-color
:
var
(
--color-disabled-emphasized
,
#a2a9b1
)}.
cdx-checkbox__input
:
disabled
~
.
cdx-checkbox__label
,
.
cdx-checkbox__input
:
disabled
~
.
cdx-checkbox__label
.
cdx-label
{
color
:
var
(
--color-disabled
,
#a2a9b1
)}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Sat, Oct 3, 19:08 (2 d, 27 m ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
77/a4/706961926dfb7b3c1eae36fbf4c4
Default Alt Text
CdxCheckbox-bidi.css (8 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment