javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

move radio to its own file

Browse Source
This commit is contained in:
Adam Bradley
2013-09-23 15:36:01 -05:00
parent bd55aecbae
commit f894d6befa
4 changed files with 45 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
scss/ionic/_form.scss
View File

@@ -236,31 +236,6 @@ textarea {
}
// Radio Buttons
// -------------------------------
/* hide a radio button's icon by default */
.radio-item {
[class^="icon-"],
[class*=" icon-"] {
display: none;
}
}
.input-wrapper input[type="radio"] {
/* hide any radio button inputs (the ugly circles) */
display: none;
/* when this radio-item is checked */
&:checked + .radio-item {
[class^="icon-"],
[class*=" icon-"] {
display: inline;
}
}
}
// DISABLED STATE
// -------------------------------

29
scss/ionic/_radio.scss Normal file
View File

@@ -0,0 +1,29 @@
// Radio Buttons
// -------------------------------
/* hide a radio button's icon by default */
.radio-content {
[class^="icon-"],
[class*=" icon-"] {
display: none;
}
}
.radio-item input {
/* hide any radio button inputs elements (the ugly circles) */
display: none;
/* when this radio-item is checked */
&:checked + .radio-content {
/* show the radio-content icon when checked */
[class^="icon-"],
[class*=" icon-"] {
position: absolute;
top: 16px;
right: $content-padding;
display: inline;
}
}
}