Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Removed the need for iCheck CSS dependency.

Browse source 
Made all iCheck images into CSS and removed the iCheck CSS stylesheet.
This commit is contained in:
Matthew Harrison-Jones 2013-06-13 12:54:57 +01:00
parent f2e913ddfd
commit 8d66cbd6e8
6 changed files with 68 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
core/admin/assets/js/views/settings.js
View file

@ -15,7 +15,7 @@
}));
this.$('input').iCheck({
checkboxClass: 'icheckbox_square-grey'
checkboxClass: 'icheckbox_ghost'
});
}
});

BIN
core/admin/assets/lib/icheck/css/grey.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
core/admin/assets/lib/icheck/css/grey@2x.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.4 KiB

62
core/admin/assets/lib/icheck/css/icheck.css
View file

@ -1,62 +0,0 @@
/* iCheck plugin Square skin, grey
----------------------------------- */
.icheckbox_square-grey,
.iradio_square-grey {
display: block;
margin: 0;
padding: 0;
width: 22px;
height: 22px;
background: url(grey.png) no-repeat;
border: none;
cursor: pointer;
float: left;
margin-right: 6px;
}
.icheckbox_square-grey {
background-position: 0 0;
}
.icheckbox_square-grey.hover {
background-position: -24px 0;
}
.icheckbox_square-grey.checked {
background-position: -48px 0;
}
.icheckbox_square-grey.disabled {
background-position: -72px 0;
cursor: default;
}
.icheckbox_square-grey.checked.disabled {
background-position: -96px 0;
}
.iradio_square-grey {
background-position: -120px 0;
}
.iradio_square-grey.hover {
background-position: -144px 0;
}
.iradio_square-grey.checked {
background-position: -168px 0;
}
.iradio_square-grey.disabled {
background-position: -192px 0;
cursor: default;
}
.iradio_square-grey.checked.disabled {
background-position: -216px 0;
}
/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.icheckbox_square-grey,
.iradio_square-grey {
background-image: url(grey@2x.png);
-webkit-background-size: 240px 24px;
background-size: 240px 24px;
}
}

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

@ -349,3 +349,63 @@ input[type="reset"] {
}
}
/* =============================================================================
iCheck
============================================================================= */
.icheckbox_ghost,
.iradio_ghost {
@include box-sizing(border-box);
display: block;
width: 22px;
height: 22px;
float: left;
margin: 0;
padding: 0;
margin-right: 6px;
background: none;
border: none;
cursor: pointer;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.icheckbox_ghost {
border: 1px solid darken($lightbrown, 5%);
}
.icheckbox_ghost.hover {
border: $blue 2px solid;
}
.icheckbox_ghost.checked {
padding-left: 2px;
background: $blue;
border: none;
@include icon($i-check, 1em, #fff);
}
.icheckbox_ghost.disabled {
border: 1px solid $lightbrown;
}
.icheckbox_ghost.checked.disabled {
background: $lightbrown;
}
.iradio_ghost {
border-radius: 11px;
border: 1px solid darken($lightbrown, 5%);
}
.iradio_ghost.hover {
border: $blue 2px solid;
}
.iradio_ghost.checked {
padding-left: 2px;
background: $blue;
border: none;
@include icon($i-check, 1em, #fff);
}
.iradio_ghost.disabled {
border: 1px solid $lightbrown;
cursor: default;
}
.iradio_ghost.checked.disabled {
background: $lightbrown;
}

1
core/admin/views/default.hbs
View file

@ -20,7 +20,6 @@
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="/core/admin/assets/css/screen.css">
<link rel="stylesheet" type="text/css" href="/core/admin/assets/lib/codemirror/codemirror.css"> <!-- TODO: Kill this - #29 -->
<link rel="stylesheet" type="text/css" href="/core/admin/assets/lib/icheck/css/icheck.css"> <!-- TODO: Kill this - #29 -->
{{{block "pageStyles"}}}
</head>
<body class="{{bodyClass}}">