| 1 |
/** |
| 2 |
* GhostKit Settings Styles. |
| 3 |
*/ |
| 4 |
@import "../gutenberg/variables"; |
| 5 |
|
| 6 |
@import "./components/info"; |
| 7 |
@import "./containers/container"; |
| 8 |
@import "./pages/blocks"; |
| 9 |
@import "./pages/css-js"; |
| 10 |
@import "./pages/icons"; |
| 11 |
@import "./pages/typography"; |
| 12 |
|
| 13 |
/** |
| 14 |
* Admin Menu Icon |
| 15 |
*/ |
| 16 |
body.toplevel_page_ghostkit { |
| 17 |
// prevent content jumping |
| 18 |
overflow-y: scroll; |
| 19 |
|
| 20 |
&, |
| 21 |
#wpcontent { |
| 22 |
background-color: $light-gray-100; |
| 23 |
} |
| 24 |
} |
| 25 |
|
| 26 |
.ghostkit-admin-page { |
| 27 |
padding: 35px; |
| 28 |
margin-left: -20px; |
| 29 |
|
| 30 |
.ghostkit-settings-content-wrapper { |
| 31 |
position: relative; |
| 32 |
max-width: 770px; |
| 33 |
padding: 25px; |
| 34 |
background-color: #fff; |
| 35 |
border-radius: 4px; |
| 36 |
box-shadow: 0 0 0 1px $light-gray-400; |
| 37 |
transition: 0.2s opacity; |
| 38 |
|
| 39 |
> .components-base-control:last-child, |
| 40 |
> .components-base-control:last-child > .components-base-control__field { |
| 41 |
margin-bottom: 0; |
| 42 |
} |
| 43 |
} |
| 44 |
|
| 45 |
// Inputs. |
| 46 |
.components-text-control__input { |
| 47 |
border-radius: 4px; |
| 48 |
box-shadow: 0 0 0 transparent; |
| 49 |
transition: box-shadow 0.1s linear; |
| 50 |
} |
| 51 |
|
| 52 |
&, |
| 53 |
* { |
| 54 |
box-sizing: border-box; |
| 55 |
} |
| 56 |
} |
| 57 |
|
