273 lines
3.8 KiB
SCSS
273 lines
3.8 KiB
SCSS
|
/**
|
||
|
* dashboard.scss
|
||
|
* Styles for WooCommerce dashboard widgets, only loaded on the dashboard itself.
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* Imports
|
||
|
*/
|
||
|
@import "mixins";
|
||
|
@import "variables";
|
||
|
@import "fonts";
|
||
|
|
||
|
/**
|
||
|
* Styling begins
|
||
|
*/
|
||
|
ul.woocommerce_stats {
|
||
|
overflow: hidden;
|
||
|
zoom: 1;
|
||
|
|
||
|
li {
|
||
|
width: 25%;
|
||
|
padding: 0 1em;
|
||
|
text-align: center;
|
||
|
float: left;
|
||
|
font-size: 0.8em;
|
||
|
border-left: 1px solid #fff;
|
||
|
border-right: 1px solid #ececec;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
li:first-child {
|
||
|
border-left: 0;
|
||
|
}
|
||
|
|
||
|
li:last-child {
|
||
|
border-right: 0;
|
||
|
}
|
||
|
|
||
|
strong {
|
||
|
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
|
||
|
font-size: 4em;
|
||
|
line-height: 1.2em;
|
||
|
font-weight: normal;
|
||
|
text-align: center;
|
||
|
display: block;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#woocommerce_dashboard_status {
|
||
|
|
||
|
.inside {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.best-seller-this-month {
|
||
|
|
||
|
a {
|
||
|
|
||
|
strong {
|
||
|
margin-right: 48px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.wc_status_list {
|
||
|
overflow: hidden;
|
||
|
margin: 0;
|
||
|
|
||
|
li {
|
||
|
width: 50%;
|
||
|
float: left;
|
||
|
padding: 0;
|
||
|
box-sizing: border-box;
|
||
|
margin: 0;
|
||
|
border-top: 1px solid #ececec;
|
||
|
color: #aaa;
|
||
|
|
||
|
a {
|
||
|
display: block;
|
||
|
color: #aaa;
|
||
|
padding: 9px 12px;
|
||
|
transition: all ease 0.5s;
|
||
|
position: relative;
|
||
|
font-size: 12px;
|
||
|
|
||
|
.wc_sparkline {
|
||
|
width: 4em;
|
||
|
height: 2em;
|
||
|
display: block;
|
||
|
float: right;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
top: 50%;
|
||
|
margin-right: 12px;
|
||
|
margin-top: -1.25em;
|
||
|
}
|
||
|
|
||
|
strong {
|
||
|
font-size: 18px;
|
||
|
line-height: 1.2em;
|
||
|
font-weight: normal;
|
||
|
display: block;
|
||
|
color: #21759b;
|
||
|
}
|
||
|
|
||
|
&:hover {
|
||
|
color: #2ea2cc;
|
||
|
|
||
|
&::before,
|
||
|
strong {
|
||
|
color: #2ea2cc !important;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&::before {
|
||
|
|
||
|
@include icon();
|
||
|
font-size: 2em;
|
||
|
position: relative;
|
||
|
width: auto;
|
||
|
line-height: 1.2em;
|
||
|
color: #464646;
|
||
|
float: left;
|
||
|
margin-right: 12px;
|
||
|
margin-bottom: 12px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
li:first-child {
|
||
|
border-top: 0;
|
||
|
}
|
||
|
|
||
|
li.sales-this-month {
|
||
|
width: 100%;
|
||
|
|
||
|
a::before {
|
||
|
font-family: "Dashicons";
|
||
|
content: "\f185";
|
||
|
}
|
||
|
}
|
||
|
|
||
|
li.best-seller-this-month {
|
||
|
width: 100%;
|
||
|
|
||
|
a::before {
|
||
|
content: "\e006";
|
||
|
}
|
||
|
}
|
||
|
|
||
|
li.processing-orders {
|
||
|
border-right: 1px solid #ececec;
|
||
|
|
||
|
a::before {
|
||
|
content: "\e011";
|
||
|
color: $green;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
li.on-hold-orders {
|
||
|
|
||
|
a::before {
|
||
|
content: "\e033";
|
||
|
color: #999;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
li.low-in-stock {
|
||
|
border-right: 1px solid #ececec;
|
||
|
|
||
|
a::before {
|
||
|
content: "\e016";
|
||
|
color: $orange;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
li.out-of-stock {
|
||
|
|
||
|
a::before {
|
||
|
content: "\e013";
|
||
|
color: $red;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#woocommerce_dashboard_recent_reviews {
|
||
|
|
||
|
li {
|
||
|
line-height: 1.5em;
|
||
|
margin-bottom: 12px;
|
||
|
}
|
||
|
|
||
|
h4.meta {
|
||
|
line-height: 1.4;
|
||
|
margin: -0.2em 0 0 0;
|
||
|
font-weight: normal;
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
blockquote {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.avatar {
|
||
|
float: left;
|
||
|
margin: 0 10px 5px 0;
|
||
|
}
|
||
|
|
||
|
.star-rating {
|
||
|
float: right;
|
||
|
overflow: hidden;
|
||
|
position: relative;
|
||
|
height: 1.5em;
|
||
|
line-height: 1.5;
|
||
|
margin-left: 0.5em;
|
||
|
width: 5.4em;
|
||
|
font-family: "WooCommerce" !important;
|
||
|
|
||
|
&::before {
|
||
|
content: "\e021\e021\e021\e021\e021";
|
||
|
color: darken(#ccc, 10%);
|
||
|
float: left;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
position: absolute;
|
||
|
letter-spacing: 0.1em;
|
||
|
letter-spacing: 0\9; // IE8 & below hack ;-(
|
||
|
}
|
||
|
|
||
|
span {
|
||
|
overflow: hidden;
|
||
|
float: left;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
position: absolute;
|
||
|
padding-top: 1.5em;
|
||
|
}
|
||
|
|
||
|
span::before {
|
||
|
content: "\e020\e020\e020\e020\e020";
|
||
|
top: 0;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
letter-spacing: 0.1em;
|
||
|
letter-spacing: 0\9; // IE8 & below hack ;-(
|
||
|
color: #9c5d90;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#dash-right-now li.product-count a::before {
|
||
|
font-family: "WooCommerce";
|
||
|
content: "\e01d";
|
||
|
}
|
||
|
|
||
|
#dashboard_activity {
|
||
|
#activity-widget {
|
||
|
#the-comment-list {
|
||
|
.review.comment-item {
|
||
|
.avatar {
|
||
|
margin-right: 12px;
|
||
|
position: relative;
|
||
|
top: 0;
|
||
|
float: left;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|