From d632a23aabaae3ce61f4e218928fd497e3b487ed Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Wed, 30 Jul 2014 13:24:16 +0300 Subject: [PATCH] Deprecated post-settings-menu.scss --- ghost/admin/assets/sass/layouts/editor.scss | 145 ++++++++++++++++++++ 1 file changed, 145 insertions(+) diff --git a/ghost/admin/assets/sass/layouts/editor.scss b/ghost/admin/assets/sass/layouts/editor.scss index 0702dbdb64..5786d25bac 100644 --- a/ghost/admin/assets/sass/layouts/editor.scss +++ b/ghost/admin/assets/sass/layouts/editor.scss @@ -694,6 +694,151 @@ body.zen { right: -5px; } +// +// Post Settings Menu +// -------------------------------------------------- + +.post-settings { + @include icon($i-settings, 14px); + display: inline-block; + padding: 0 10px; + color: $midgrey; + @include transition; + position: relative; + top: 1px; + + &:hover, + &.active { + color: $darkgrey; + } +} // .post-settings + +.post-settings-menu { + padding-top: 0; + text-transform: none; + + table { + margin: 0; + } + + td { + padding: 0; + border-top: none; + border-bottom: lighten($grey, 5%) 1px solid; + } + + .post-setting-label { + padding: 8px 10px 8px 15px; + border-right: lighten($grey, 5%) 1px solid; + text-align: right; + } + + label { + position: static; + width: auto; + font-weight: normal; + color: $midgrey; + white-space: nowrap; + } + + input { + width: 200px; + margin: 0; + + @media (max-width: 550px) { + width: 200px; + } + + &[type="text"] { + border: none; + padding: 8px 0 8px 10px; + color: $lightgrey; + border-radius: 0; + background: transparent; + + &:focus { + background: $grey; + border: none; + } + } + } // input + + .post-setting-item { + padding: 5px 0 0 10px; + &.no-padding { + padding: 0; + } + } + + .gh-select { + height: 36px; + &:after { + color: $lightgrey; + margin-top: -(0.85em / 2); + } + select { + border: 0; + background: transparent; + border-radius: 0; + color: $lightgrey; + height: 36px; + &:focus { + background: $grey; + } + } + @media (max-width: 550px) { + &, + select { + height: 41px; + } + } + } + + .checkbox { + position: relative; + margin-top: 0; + top: 0; // Resets a global `form label` style + border: 0; + &:after { + border-color: lighten($grey, 10%); + background: $grey; + } + } // .checkbox + + // Colour the checkbox border correctly for a dark background + input[type='checkbox'] { + &:focus { + & + .checkbox { + &:after { + border-color: lighten($grey, 10%); + } + } + } + } // input[type='checkbox'] + + // .select-wrapper { + // width: calc(100% - 10px); + // } + + .delete { + display: block; + padding: 10px 15px; + width: 100%; + text-align: left; + @include icon($i-trash) { + position: relative; + top: -1px; + margin-right: 10px + }; + + &:hover { + background: $red; + color: #fff; + } + } // .delete + +} // .post-settings-menu + // // Markdown Help Modal