mirror of
https://github.com/gantry/gantry5.git
synced 2026-08-19 01:15:04 -05:00
initial wp admin styling, gulp updates
This commit is contained in:
Jakub Baran
Vendored
+5
@@ -81,6 +81,11 @@ paths = {
|
||||
in: './engines/joomla/nucleus/scss/joomla.scss',
|
||||
out: './engines/joomla/nucleus/css-compiled/joomla.css',
|
||||
load: './engines/common/nucleus/scss'
|
||||
},
|
||||
{ // nucleus - wordpress
|
||||
in: './engines/wordpress/nucleus/scss/wordpress.scss',
|
||||
out: './engines/wordpress/nucleus/css-compiled/wordpress.css',
|
||||
load: './engines/common/nucleus/scss'
|
||||
}
|
||||
],
|
||||
minify: [
|
||||
|
||||
+1
-1
@@ -68,7 +68,7 @@
|
||||
}
|
||||
|
||||
/* line 1, platforms/common/scss/admin/_core.scss */
|
||||
html {
|
||||
footerhtml {
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
html {
|
||||
footerhtml {
|
||||
width:100vw;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,186 @@
|
||||
/* line 1, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 {
|
||||
color: #ddd;
|
||||
background-color: #F1F1F1 !important;
|
||||
}
|
||||
/* line 6, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #g5-container .inner-container {
|
||||
margin: 0;
|
||||
}
|
||||
/* line 10, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #g5-container li {
|
||||
line-height: inherit;
|
||||
}
|
||||
/* line 14, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #g5-container textarea, body.gantry5 #g5-container input {
|
||||
box-shadow: none;
|
||||
}
|
||||
/* line 18, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #g5-container input, body.gantry5 #g5-container button, body.gantry5 #g5-container select, body.gantry5 #g5-container textarea {
|
||||
font-family: inherit;
|
||||
}
|
||||
/* line 22, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #g5-container .main-block {
|
||||
min-height: 81.5vh;
|
||||
}
|
||||
/* line 28, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #wpbody-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
/* line 33, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #footer a {
|
||||
color: #0073AA;
|
||||
}
|
||||
/* line 38, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #wpfooter {
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
/* line 40, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_core.scss */
|
||||
body.gantry5 #wpfooter a {
|
||||
color: #0073AA;
|
||||
}
|
||||
|
||||
/* line 2, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_sidebar.scss */
|
||||
#adminmenuwrap ul, #adminmenuwrap dl {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* line 11, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_buttons.scss */
|
||||
#g5-container .button {
|
||||
height: auto;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
/* line 17, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_buttons.scss */
|
||||
#g5-container .button-primary {
|
||||
background: #0073AA;
|
||||
color: #fff;
|
||||
}
|
||||
/* line 4, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_buttons.scss */
|
||||
#g5-container .button-primary:not(.disabled):not([disabled]):hover {
|
||||
background: #005e8b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* line 4, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container [data-mode-indicator="production"] {
|
||||
background-color: #0073AA;
|
||||
}
|
||||
/* line 9, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #main-header dd, body.gantry5 #g5-container #main-header li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* line 13, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #main-header .g-content {
|
||||
padding: 0 1.563rem;
|
||||
}
|
||||
/* line 17, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #main-header .dev-mode-toggle {
|
||||
background: #005077;
|
||||
}
|
||||
/* line 20, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #main-header .dev-mode-toggle a {
|
||||
background: #00a7f6;
|
||||
}
|
||||
/* line 25, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #main-header .button-save {
|
||||
background: #00a7f6;
|
||||
color: #fff;
|
||||
}
|
||||
/* line 4, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_buttons.scss */
|
||||
body.gantry5 #g5-container #main-header .button-save:not(.disabled):not([disabled]):hover {
|
||||
background: #0092d8;
|
||||
color: #fff;
|
||||
}
|
||||
/* line 32, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #main-header ul li:hover a {
|
||||
background: #006290;
|
||||
}
|
||||
/* line 37, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #main-header ul li.active a {
|
||||
background: #003f5d;
|
||||
}
|
||||
/* line 46, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container #navbar {
|
||||
padding: 0 0.625rem;
|
||||
}
|
||||
/* line 52, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container .navbar-block .gantry-logo {
|
||||
right: 1.563rem;
|
||||
}
|
||||
/* line 57, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container .inner-header {
|
||||
background-color: #222;
|
||||
color: #0073AA;
|
||||
}
|
||||
/* line 62, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container .settings-state {
|
||||
background: #0073AA;
|
||||
color: #fff;
|
||||
}
|
||||
/* line 67, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container .button.button-update {
|
||||
background: #633679;
|
||||
color: #fff;
|
||||
}
|
||||
/* line 4, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_buttons.scss */
|
||||
body.gantry5 #g5-container .button.button-update:not(.disabled):not([disabled]):hover {
|
||||
background: #522c64;
|
||||
color: #fff;
|
||||
}
|
||||
/* line 71, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_headers.scss */
|
||||
body.gantry5 #g5-container .tooltip {
|
||||
position: static;
|
||||
opacity: 1;
|
||||
line-height: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
/* line 3, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_overview.scss */
|
||||
#g5-container .overview-header .theme-title {
|
||||
color: #0073AA;
|
||||
}
|
||||
|
||||
/* line 3, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container h1 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
/* line 7, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container h2 {
|
||||
font-size: 1.9rem;
|
||||
}
|
||||
/* line 11, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container h3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
/* line 15, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container h4 {
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
/* line 19, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container h5 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
/* line 23, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container h6 {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
/* line 27, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container h1, #g5-container h2, #g5-container h3, #g5-container h4, #g5-container h5, #g5-container h6 {
|
||||
line-height: inherit;
|
||||
}
|
||||
/* line 31, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_typography.scss */
|
||||
#g5-container .page-title {
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
/* line 4, platforms/wordpress/gantry5/admin/scss/wordpress-admin/_navbar.scss */
|
||||
body.gantry5 #g5-container .navbar-block #gantry-logo {
|
||||
right: 2.1rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*# sourceMappingURL=wordpress-admin.css.map */
|
||||
@@ -0,0 +1,5 @@
|
||||
// Colors
|
||||
@import "colors";
|
||||
|
||||
// Typography
|
||||
@import "typography";
|
||||
@@ -0,0 +1,13 @@
|
||||
// Core
|
||||
$core-accent: #0073AA;
|
||||
$white: #fff;
|
||||
$light-gray: #ddd;
|
||||
|
||||
// Body
|
||||
$body-bg: #F1F1F1;
|
||||
|
||||
// Headers
|
||||
$main-header-text: #fff;
|
||||
$inner-header-bg: #222;
|
||||
$inner-header-text: $core-accent;
|
||||
$update-header-bg: #8F4DAE;
|
||||
@@ -0,0 +1,14 @@
|
||||
// Base Sizes
|
||||
$core-font-size: 1rem !default;
|
||||
$core-line-height: 1.5 !default;
|
||||
|
||||
// Heading Sizes
|
||||
$h1-font-size: $core-font-size + 1.25 !default;
|
||||
$h2-font-size: $core-font-size + 0.90 !default;
|
||||
$h3-font-size: $core-font-size + 0.50 !default;
|
||||
$h4-font-size: $core-font-size + 0.15 !default;
|
||||
$h5-font-size: $core-font-size !default;
|
||||
$h6-font-size: $core-font-size - 0.15 !default;
|
||||
|
||||
// Spacing
|
||||
$leading-margin: $core-line-height * 1rem !default;
|
||||
@@ -0,0 +1,23 @@
|
||||
// Load Admin Configuration
|
||||
@import "configuration/admin/base";
|
||||
|
||||
// Core
|
||||
@import "wordpress-admin/core";
|
||||
|
||||
// Sidebar
|
||||
@import "wordpress-admin/sidebar";
|
||||
|
||||
// Buttons
|
||||
@import "wordpress-admin/buttons";
|
||||
|
||||
// Headers
|
||||
@import "wordpress-admin/headers";
|
||||
|
||||
// Overview
|
||||
@import "wordpress-admin/overview";
|
||||
|
||||
// Typography
|
||||
@import "wordpress-admin/typography";
|
||||
|
||||
// Assignments
|
||||
@import "wordpress-admin/navbar";
|
||||
@@ -0,0 +1,20 @@
|
||||
@mixin button-color($color, $text: $white) {
|
||||
background: $color;
|
||||
color: $text;
|
||||
&:not(.disabled):not([disabled]):hover {
|
||||
background: darken($color, 6%);
|
||||
color: $text;
|
||||
}
|
||||
}
|
||||
|
||||
#g5-container {
|
||||
.button {
|
||||
height: auto;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
@include button-color($core-accent);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
body.gantry5 {
|
||||
color: $light-gray;
|
||||
background-color: $body-bg !important;
|
||||
|
||||
#g5-container {
|
||||
.inner-container {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
textarea, input {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input, button, select, textarea {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.main-block {
|
||||
min-height: 81.5vh;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#wpbody-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#footer {
|
||||
a {
|
||||
color: $core-accent;
|
||||
}
|
||||
}
|
||||
|
||||
#wpfooter {
|
||||
background-color: #e7e7e7;
|
||||
a {
|
||||
color: $core-accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
body.gantry5 {
|
||||
#g5-container {
|
||||
|
||||
[data-mode-indicator="production"] {
|
||||
background-color: $core-accent;
|
||||
}
|
||||
|
||||
#main-header {
|
||||
dd, li {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.g-content {
|
||||
padding: 0 1.563rem;
|
||||
}
|
||||
|
||||
.dev-mode-toggle {
|
||||
background: darken($core-accent, 10%);
|
||||
|
||||
a {
|
||||
background: lighten($core-accent, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.button-save {
|
||||
@include button-color(lighten($core-accent, 15%), $white);
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
&:hover {
|
||||
a {
|
||||
background: darken($core-accent, 5%);
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
a {
|
||||
background: darken($core-accent, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#navbar {
|
||||
padding: 0 0.625rem;
|
||||
}
|
||||
|
||||
.navbar-block {
|
||||
|
||||
.gantry-logo {
|
||||
right: 1.563rem;
|
||||
}
|
||||
}
|
||||
|
||||
.inner-header {
|
||||
background-color: $inner-header-bg;
|
||||
color: $inner-header-text;
|
||||
}
|
||||
|
||||
.settings-state {
|
||||
background: $core-accent;
|
||||
color: $main-header-text;
|
||||
}
|
||||
|
||||
.button.button-update {
|
||||
@include button-color(darken($update-header-bg, 15%), $white);
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
position: static;
|
||||
opacity: 1;
|
||||
line-height: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
body.gantry5 {
|
||||
#g5-container {
|
||||
.navbar-block {
|
||||
#gantry-logo {
|
||||
right: 2.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
#g5-container {
|
||||
.overview-header {
|
||||
.theme-title {
|
||||
color: $core-accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
#adminmenuwrap {
|
||||
ul, dl {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
#g5-container {
|
||||
|
||||
h1 {
|
||||
font-size: $h1-font-size;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: $h2-font-size;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: $h3-font-size;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: $h4-font-size;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: $h5-font-size;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: $h6-font-size;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -5,9 +5,7 @@
|
||||
padding-left: 0;
|
||||
}
|
||||
</style>
|
||||
{% if 0 %}
|
||||
<link rel="stylesheet" href="{{ url('gantry-admin://assets/css-compiled/wordpress-admin.css') }}" type="text/css" />
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block javascript %}
|
||||
|
||||
Reference in New Issue
Block a user