Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Adjusting form styles and animations for checkboxes. Fixes #7

Browse source
This commit is contained in:
John O'Nolan 2013-06-13 14:31:16 +02:00
parent 43db602b41
commit 1fab45669e
1 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
core/admin/assets/sass/modules/forms.scss
View file

@ -7,6 +7,7 @@
* General * General
* Buttons * Buttons
* Split Buttons * Split Buttons
* iCheck jQuery Plugin Styles
* *
*/ */
@ -123,6 +124,7 @@ form {
margin: 5px 0; margin: 5px 0;
font-weight: normal; font-weight: normal;
padding:0.55em 0; padding:0.55em 0;
cursor: pointer;
} }
}//form }//form
@ -351,35 +353,43 @@ input[type="reset"] {
/* ============================================================================= /* =============================================================================
iCheck iCheck jQuery Plugin Styles
============================================================================= */ ============================================================================= */
.icheckbox_ghost, .icheckbox_ghost,
.iradio_ghost { .iradio_ghost {
@include box-sizing(border-box); @include box-sizing(border-box);
display: block; display: block;
width: 22px; width: 16px;
height: 22px; height: 16px;
float: left; float: left;
margin: 0; margin: 2px 0 0 0;
padding: 0; padding: 0;
margin-right: 6px; margin-right: 6px;
background: none; background: none;
border: none; border: none;
cursor: pointer; box-shadow: none;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); border-radius: 2px;
@include transition(
border ease 0.25s,
background ease 0.2s
);
} }
.icheckbox_ghost { .icheckbox_ghost {
border: 1px solid darken($lightbrown, 5%); border: 1px solid darken($lightbrown, 5%);
} }
.icheckbox_ghost.hover { .icheckbox_ghost.hover {
border: $blue 2px solid; border: $brown 1px solid;
} }
.icheckbox_ghost.checked { .icheckbox_ghost.checked {
padding-left: 2px;
background: $blue; background: $blue;
border: none; border: $blue 1px solid;
@include icon($i-check, 1em, #fff); padding:0;
@include icon($i-check, 12px, #fff) {
position: relative;
top: -4px;
left: -1px
}
} }
.icheckbox_ghost.disabled { .icheckbox_ghost.disabled {
border: 1px solid $lightbrown; border: 1px solid $lightbrown;
@ -396,7 +406,6 @@ input[type="reset"] {
border: $blue 2px solid; border: $blue 2px solid;
} }
.iradio_ghost.checked { .iradio_ghost.checked {
padding-left: 2px;
background: $blue; background: $blue;
border: none; border: none;
@include icon($i-check, 1em, #fff); @include icon($i-check, 1em, #fff);