woocommerce/assets/css/dashboard.scss

258 lines
3.6 KiB
SCSS
Raw Normal View History

2014-11-18 12:52:00 +00:00
/**
* dashboard.scss
* Styles for WooCommerce dashboard widgets, only loaded on the dashboard itself.
*/
/**
* Imports
*/
@import "mixins";
@import "variables";
@import "fonts";
2013-07-25 14:00:23 +00:00
/**
* Styling begins
*/
ul.woocommerce_stats {
overflow: hidden;
zoom: 1;
2014-11-13 09:38:39 +00:00
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;
}
2014-11-13 09:38:39 +00:00
li:first-child {
border-left: 0;
}
2014-11-13 09:38:39 +00:00
li:last-child {
border-right: 0;
}
2014-11-13 09:38:39 +00:00
strong {
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
font-size: 4em;
line-height: 1.2em;
font-weight: normal;
text-align: center;
2014-11-13 09:38:39 +00:00
display: block;
}
}
2013-07-25 14:00:23 +00:00
#woocommerce_dashboard_status {
2013-07-25 14:00:23 +00:00
.inside {
padding: 0;
margin: 0;
}
2014-11-13 09:38:39 +00:00
.best-seller-this-month {
a {
strong {
margin-right: 48px;
}
}
}
2013-07-25 14:00:23 +00:00
.wc_status_list {
overflow: hidden;
2014-11-13 09:38:39 +00:00
margin: 0;
2013-07-25 14:00:23 +00:00
li {
width: 50%;
float: left;
2014-11-13 09:38:39 +00:00
padding: 0;
box-sizing: border-box;
2013-07-25 14:00:23 +00:00
margin: 0;
border-top: 1px solid #ececec;
color: #aaa;
a {
display: block;
color: #aaa;
padding: 9px 12px;
2017-05-05 13:32:53 +00:00
transition: all ease 0.5s;
2013-07-25 14:00:23 +00:00
position: relative;
font-size: 12px;
2013-07-25 14:00:23 +00:00
.wc_sparkline {
width: 4em;
height: 2em;
display: block;
float: right;
position: absolute;
right: 0;
top: 50%;
margin-right: 12px;
margin-top: -1.25em;
2013-07-25 14:00:23 +00:00
}
strong {
font-size: 18px;
line-height: 1.2em;
font-weight: normal;
display: block;
color: #21759b;
}
&:hover {
color: #2ea2cc;
2014-11-13 09:38:39 +00:00
&::before,
2014-11-13 09:38:39 +00:00
strong {
color: #2ea2cc !important;
2013-07-25 14:00:23 +00:00
}
}
&::before {
2014-09-22 17:35:48 +00:00
@include icon();
2013-07-25 14:00:23 +00:00
font-size: 2em;
position: relative;
width: auto;
line-height: 1.2em;
color: #464646;
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
}
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
li:first-child {
border-top: 0;
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
li.sales-this-month {
width: 100%;
a::before {
font-family: "Dashicons";
content: "\f185";
2013-07-25 14:00:23 +00:00
}
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
li.best-seller-this-month {
width: 100%;
a::before {
content: "\e006";
2013-07-25 14:00:23 +00:00
}
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
li.processing-orders {
border-right: 1px solid #ececec;
2014-11-13 09:38:39 +00:00
a::before {
content: "\e011";
2014-09-22 17:35:48 +00:00
color: $green;
2013-07-25 14:00:23 +00:00
}
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
li.on-hold-orders {
a::before {
content: "\e033";
2013-07-25 14:00:23 +00:00
color: #999;
}
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
li.low-in-stock {
border-right: 1px solid #ececec;
2014-11-13 09:38:39 +00:00
a::before {
content: "\e016";
2014-09-22 17:35:48 +00:00
color: $orange;
2013-07-25 14:00:23 +00:00
}
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
li.out-of-stock {
a::before {
content: "\e013";
2014-09-22 17:35:48 +00:00
color: $red;
2013-07-25 14:00:23 +00:00
}
}
}
}
#woocommerce_dashboard_recent_reviews {
2013-07-25 14:00:23 +00:00
li {
line-height: 1.5em;
margin-bottom: 12px;
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
h4.meta {
line-height: 1.4;
margin: -0.2em 0 0 0;
2013-07-25 14:00:23 +00:00
font-weight: normal;
color: #999;
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
blockquote {
padding: 0;
margin: 0;
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
.avatar {
float: left;
margin: 0 10px 5px 0;
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
.star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1.5em;
line-height: 1.5;
margin-left: 0.5em;
2013-07-25 14:00:23 +00:00
width: 5.4em;
font-family: "WooCommerce" !important;
2014-11-13 09:38:39 +00:00
&::before {
content: "\e021\e021\e021\e021\e021";
color: darken(#ccc, 10%);
2013-07-25 14:00:23 +00:00
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
2014-11-13 09:38:39 +00:00
letter-spacing: 0\9; // IE8 & below hack ;-(
2013-07-25 14:00:23 +00:00
}
2014-11-13 09:38:39 +00:00
2013-07-25 14:00:23 +00:00
span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
2014-11-13 09:38:39 +00:00
span::before {
content: "\e020\e020\e020\e020\e020";
2013-07-25 14:00:23 +00:00
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
2014-11-13 09:38:39 +00:00
letter-spacing: 0\9; // IE8 & below hack ;-(
2013-07-25 14:00:23 +00:00
color: #9c5d90;
}
}
2013-11-25 09:41:35 +00:00
}
#dash-right-now li.product-count a::before {
font-family: "WooCommerce";
content: "\e01d";
2015-01-15 13:41:42 +00:00
}