Skip to content
This repository was archived by the owner on Dec 19, 2024. It is now read-only.

Mixin for checkbox border and radius #185

Open
grudra7714 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Mixin for checkbox border and radius #185

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1f855c2
Added a mixin to configure checkbox border width and radius
grudra7714 Nov 11, 2017
d1293c3
Updating description
grudra7714 Nov 11, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions paper-checkbox.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,8 @@
`--paper-checkbox-ink-size` | Size of the ripple | `48px`
`--paper-checkbox-margin` | Margin around the checkbox container | `initial`
`--paper-checkbox-vertical-align` | Vertical alignment of the checkbox container | `middle`
`--paper-checkbox-border-width` | Border width of checkox container | `2px`
`--paper-checkbox-border-radius` | Border radius of checkox container | `2px`

This element applies the mixin `--paper-font-common-base` but does not import `paper-styles/typography.html`.
In order to apply the `Roboto` font to this element, make sure you've imported `paper-styles/typography.html`.
Expand Down Expand Up @@ -121,9 +123,9 @@
position: relative;
box-sizing: border-box;
height: 100%;
border: solid 2px;
border: solid var(--paper-checkbox-border-width, 2px);
border-color: var(--paper-checkbox-unchecked-color, var(--primary-text-color));
border-radius: 2px;
border-radius: var(--paper-checkbox-border-radius, 2px);
pointer-events: none;
-webkit-transition: background-color 140ms, border-color 140ms;
transition: background-color 140ms, border-color 140ms;
Expand Down