mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-03 23:00:14 -05:00
Removed the need for iCheck CSS dependency.
Made all iCheck images into CSS and removed the iCheck CSS stylesheet.
This commit is contained in:
Matthew Harrison-Jones
parent
f2e913ddfd
commit
8d66cbd6e8
6 changed files with 68 additions and 71 deletions
|
|
@ -15,7 +15,7 @@
|
||||||
}));
|
}));
|
||||||
|
|
||||||
this.$('input').iCheck({
|
this.$('input').iCheck({
|
||||||
checkboxClass: 'icheckbox_square-grey'
|
checkboxClass: 'icheckbox_ghost'
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,6 @@
|
||||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:300,400,700">
|
<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" 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/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"}}}
|
{{{block "pageStyles"}}}
|
||||||
</head>
|
</head>
|
||||||
<body class="{{bodyClass}}">
|
<body class="{{bodyClass}}">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue