@ -0,0 +1,9 @@ |
||||
/** |
||||
* _animation.scss |
||||
* Custom WooCommerce Animations. |
||||
*/ |
||||
@keyframes spin { |
||||
100% { |
||||
transform: rotate( 360deg ); |
||||
} |
||||
} |
@ -0,0 +1,25 @@ |
||||
/** |
||||
* _fonts.scss |
||||
* Custom WooCommerce fonts. |
||||
*/ |
||||
@font-face { |
||||
font-family: 'star'; |
||||
src: url('../fonts/star.eot'); |
||||
src: url('../fonts/star.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/star.woff') format('woff'), |
||||
url('../fonts/star.ttf') format('truetype'), |
||||
url('../fonts/star.svg#star') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'WooCommerce'; |
||||
src: url('../fonts/WooCommerce.eot'); |
||||
src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'), |
||||
url('../fonts/WooCommerce.woff') format('woff'), |
||||
url('../fonts/WooCommerce.ttf') format('truetype'), |
||||
url('../fonts/WooCommerce.svg#WooCommerce') format('svg'); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
@ -0,0 +1,288 @@ |
||||
/** |
||||
* Deprecated |
||||
* Fallback for bourbon equivalent |
||||
*/ |
||||
@mixin clearfix() { |
||||
*zoom: 1; |
||||
|
||||
&::before, |
||||
&::after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
|
||||
&::after { |
||||
clear: both; |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin border_radius($radius: 4px) { |
||||
border-radius: $radius; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin border_radius_right($radius: 4px) { |
||||
border-top-right-radius: $radius; |
||||
border-bottom-right-radius: $radius; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin border_radius_left($radius: 4px) { |
||||
border-top-left-radius: $radius; |
||||
border-bottom-left-radius: $radius; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin border_radius_bottom($radius: 4px) { |
||||
border-bottom-left-radius: $radius; |
||||
border-bottom-right-radius: $radius; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin border_radius_top($radius: 4px) { |
||||
border-top-left-radius: $radius; |
||||
border-top-right-radius: $radius; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin opacity( $opacity: 0.75 ) { |
||||
opacity: $opacity; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) { |
||||
box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin inset_box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) { |
||||
box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin text_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_color: #fff) { |
||||
text-shadow: $shadow_x $shadow_y $shadow_rad $shadow_color; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin vertical_gradient($from: #000, $to: #fff) { |
||||
background-color: $from; |
||||
background: -webkit-linear-gradient($from, $to); |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Vendor prefix no longer required. |
||||
*/ |
||||
@mixin transition($selector: all, $animation: ease-in-out, $duration: 0.2s) { |
||||
transition: $selector $animation $duration; |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Use bourbon mixin instead `@include transform(scale(1.5));` |
||||
*/ |
||||
@mixin scale($ratio: 1.5) { |
||||
-webkit-transform: scale($ratio); |
||||
transform: scale($ratio); |
||||
} |
||||
|
||||
/** |
||||
* Deprecated |
||||
* Use bourbon mixin instead `@include box-sizing(border-box);` |
||||
*/ |
||||
@mixin borderbox() { |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
@mixin darkorlighttextshadow($a, $opacity: 0.8) { |
||||
|
||||
@if lightness($a) >= 65% { |
||||
|
||||
@include text_shadow(0, -1px, 0, rgba(0, 0, 0, $opacity)); |
||||
} |
||||
|
||||
@else { |
||||
|
||||
@include text_shadow(0, 1px, 0, rgba(255, 255, 255, $opacity)); |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* Objects |
||||
*/ |
||||
@mixin menu() { |
||||
|
||||
@include clearfix(); |
||||
|
||||
li { |
||||
display: inline-block; |
||||
} |
||||
} |
||||
|
||||
@mixin mediaright() { |
||||
|
||||
@include clearfix(); |
||||
|
||||
img { |
||||
float: right; |
||||
height: auto; |
||||
} |
||||
} |
||||
|
||||
@mixin medialeft() { |
||||
|
||||
@include clearfix(); |
||||
|
||||
img { |
||||
float: right; |
||||
height: auto; |
||||
} |
||||
} |
||||
|
||||
@mixin ir() { |
||||
display: block; |
||||
text-indent: -9999px; |
||||
position: relative; |
||||
height: 1em; |
||||
width: 1em; |
||||
} |
||||
|
||||
@mixin icon( $glyph: "\e001" ) { |
||||
font-family: "WooCommerce"; |
||||
speak: never; |
||||
font-weight: normal; |
||||
font-variant: normal; |
||||
text-transform: none; |
||||
line-height: 1; |
||||
margin: 0; |
||||
text-indent: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
text-align: center; |
||||
content: $glyph; |
||||
} |
||||
|
||||
@mixin icon_dashicons( $glyph: "\f333" ) { |
||||
font-family: "Dashicons"; |
||||
speak: never; |
||||
font-weight: normal; |
||||
font-variant: normal; |
||||
text-transform: none; |
||||
line-height: 1; |
||||
-webkit-font-smoothing: antialiased; |
||||
margin: 0; |
||||
text-indent: 0; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
text-align: center; |
||||
content: $glyph; |
||||
} |
||||
|
||||
@mixin iconbefore( $glyph: "\e001" ) { |
||||
font-family: "WooCommerce"; |
||||
speak: never; |
||||
font-weight: normal; |
||||
font-variant: normal; |
||||
text-transform: none; |
||||
line-height: 1; |
||||
-webkit-font-smoothing: antialiased; |
||||
margin-right: 0.618em; |
||||
content: $glyph; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
@mixin iconbeforedashicons( $glyph: "\f333" ) { |
||||
font-family: "Dashicons"; |
||||
speak: never; |
||||
font-weight: normal; |
||||
font-variant: normal; |
||||
text-transform: none; |
||||
line-height: 1; |
||||
-webkit-font-smoothing: antialiased; |
||||
content: $glyph; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
@mixin iconafter( $glyph: "\e001" ) { |
||||
font-family: "WooCommerce"; |
||||
speak: never; |
||||
font-weight: normal; |
||||
font-variant: normal; |
||||
text-transform: none; |
||||
line-height: 1; |
||||
-webkit-font-smoothing: antialiased; |
||||
margin-left: 0.618em; |
||||
content: $glyph; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
@mixin loader() { |
||||
|
||||
&::before { |
||||
height: 1em; |
||||
width: 1em; |
||||
display: block; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
margin-left: -0.5em; |
||||
margin-top: -0.5em; |
||||
content: ""; |
||||
animation: spin 1s ease-in-out infinite; |
||||
background: url("../images/icons/loader.svg") center center; |
||||
background-size: cover; |
||||
line-height: 1; |
||||
text-align: center; |
||||
font-size: 2em; |
||||
color: rgba(#000, 0.75); |
||||
} |
||||
} |
||||
|
||||
@mixin inversebuttoncolors { |
||||
background-color: transparent !important; |
||||
color: var(--button--color-text-hover) !important; |
||||
|
||||
&:hover { |
||||
background-color: var(--button--color-background) !important; |
||||
color: var(--button--color-text) !important; |
||||
text-decoration: none !important; |
||||
} |
||||
} |
@ -0,0 +1,38 @@ |
||||
/** |
||||
* WooCommerce CSS Variables |
||||
*/ |
||||
|
||||
$woocommerce: #a46497 !default; |
||||
$green: #7ad03a !default; |
||||
$red: #a00 !default; |
||||
$orange: #ffba00 !default; |
||||
$blue: #2ea2cc !default; |
||||
|
||||
$primary: #a46497 !default; // Primary color for buttons (alt) |
||||
$primarytext: desaturate(lighten($primary, 50%), 18%) !default; // Text on primary color bg |
||||
|
||||
$secondary: desaturate(lighten($primary, 40%), 21%) !default; // Secondary buttons |
||||
$secondarytext: desaturate(darken($secondary, 60%), 21%) !default; // Text on secondary color bg |
||||
|
||||
$highlight: adjust-hue($primary, 150deg) !default; // Prices, In stock labels, sales flash |
||||
$highlightext: desaturate(lighten($highlight, 50%), 18%) !default; // Text on highlight color bg |
||||
|
||||
$contentbg: #fff !default; // Content BG - Tabs (active state) |
||||
$subtext: #767676 !default; // small, breadcrumbs etc |
||||
|
||||
// export vars as CSS vars |
||||
:root { |
||||
--woocommerce: #{$woocommerce}; |
||||
--wc-green: #{$green}; |
||||
--wc-red: #{$red}; |
||||
--wc-orange: #{$orange}; |
||||
--wc-blue: #{$blue}; |
||||
--wc-primary: #{$primary}; |
||||
--wc-primary-text: #{$primarytext}; |
||||
--wc-secondary: #{$secondary}; |
||||
--wc-secondary-text: #{$secondarytext}; |
||||
--wc-highlight: #{$highlight}; |
||||
--wc-highligh-text: #{$highlightext}; |
||||
--wc-content-bg: #{$contentbg}; |
||||
--wc-subtext: #{$subtext}; |
||||
} |
@ -0,0 +1 @@ |
||||
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-right-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,-1px 0 1px #a36597,0 1px 1px #a36597,1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:left;top:0;left:0;padding:0 28px 10px 15px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;right:-20px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-right:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important} |
@ -0,0 +1 @@ |
||||
div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-left-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,1px 0 1px #a36597,0 1px 1px #a36597,-1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:right;top:0;right:0;padding:0 15px 10px 28px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;left:-20px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-left:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important} |
@ -0,0 +1,71 @@ |
||||
/** |
||||
* activation.scss |
||||
* Styles applied to elements displayed on activation |
||||
*/ |
||||
|
||||
/** |
||||
* Styling begins |
||||
*/ |
||||
div.woocommerce-message { |
||||
overflow: hidden; |
||||
position: relative; |
||||
|
||||
&.updated { |
||||
border-left-color: #cc99c2 !important; |
||||
} |
||||
} |
||||
|
||||
p.woocommerce-actions, |
||||
.woocommerce-message { |
||||
|
||||
.button-primary { |
||||
background: #bb77ae; |
||||
border-color: #a36597; |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597; |
||||
color: #fff; |
||||
text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597; |
||||
|
||||
&:hover, |
||||
&:focus, |
||||
&:active { |
||||
background: #a36597; |
||||
border-color: #a36597; |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597; |
||||
} |
||||
} |
||||
|
||||
a.woocommerce-message-close { |
||||
position: static; |
||||
float: right; |
||||
top: 0; |
||||
right: 0; |
||||
padding: 0 15px 10px 28px; |
||||
margin-top: -10px; |
||||
font-size: 13px; |
||||
line-height: 1.23076923; |
||||
text-decoration: none; |
||||
|
||||
&::before { |
||||
position: relative; |
||||
top: 18px; |
||||
left: -20px; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
} |
||||
|
||||
.button-primary, |
||||
.button-secondary { |
||||
text-decoration: none !important; |
||||
} |
||||
|
||||
.twitter-share-button { |
||||
margin-top: -3px; |
||||
margin-left: 3px; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
|
||||
p.woocommerce-actions, |
||||
.woocommerce-about-text { |
||||
margin-bottom: 1em !important; |
||||
} |
@ -0,0 +1 @@ |
||||
body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 0 0 1em}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:right;height:70px;margin:0 0 0 1em}.wc-auth-logged-in-as .wc-auth-logout{float:left}.wc-auth .wc-auth-actions{overflow:hidden;padding-right:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:left;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:left;opacity:1;text-shadow:0 -1px 1px #8a4f7f,-1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:left}.wc-auth .wc-auth-actions .wc-auth-deny{float:right;margin-right:-24px} |
@ -0,0 +1 @@ |
||||
body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions li{font-size:1em}.wc-auth-logged-in-as{background:#f5f5f5;border-bottom:2px solid #eee;line-height:70px;margin:0 0 24px;padding:0 1em 0 0}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:left;height:70px;margin:0 1em 0 0}.wc-auth-logged-in-as .wc-auth-logout{float:right}.wc-auth .wc-auth-actions{overflow:hidden;padding-left:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:right;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:right;opacity:1;text-shadow:0 -1px 1px #8a4f7f,1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,-1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:right}.wc-auth .wc-auth-actions .wc-auth-deny{float:left;margin-left:-24px} |
@ -0,0 +1,149 @@ |
||||
body { |
||||
background: #f1f1f1; |
||||
box-shadow: none; |
||||
margin: 100px auto 24px; |
||||
padding: 0; |
||||
} |
||||
|
||||
#wc-logo { |
||||
border: 0; |
||||
margin: 0 0 24px; |
||||
padding: 0; |
||||
text-align: center; |
||||
|
||||
img { |
||||
max-width: 50%; |
||||
} |
||||
} |
||||
|
||||
.wc-auth-content { |
||||
background: #fff; |
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); |
||||
overflow: hidden; |
||||
padding: 24px 24px 0; |
||||
zoom: 1; |
||||
|
||||
h1, h2, h3, table { |
||||
border: 0; |
||||
clear: none; |
||||
color: #666; |
||||
margin: 0 0 24px; |
||||
padding: 0; |
||||
} |
||||
|
||||
p, ul { |
||||
color: #666; |
||||
font-size: 1em; |
||||
line-height: 1.75em; |
||||
margin: 0 0 24px; |
||||
} |
||||
|
||||
p { |
||||
padding: 0; |
||||
} |
||||
|
||||
a { |
||||
color: #a16696; |
||||
&:hover, &:focus { |
||||
color: #111; |
||||
} |
||||
} |
||||
|
||||
.wc-auth-login { |
||||
label { |
||||
color: #999; |
||||
display: block; |
||||
margin-bottom: 0.5em; |
||||
} |
||||
|
||||
input { |
||||
box-sizing: border-box; |
||||
font-size: 1.3em; |
||||
padding: 0.5em; |
||||
width: 100%; |
||||
} |
||||
|
||||
.wc-auth-actions { |
||||
padding: 0; |
||||
|
||||
.wc-auth-login-button { |
||||
float: none; |
||||
width: 100%; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.wc-auth-permissions { |
||||
list-style: disc inside; |
||||
padding: 0; |
||||
|
||||
li { |
||||
font-size: 1em; |
||||
} |
||||
} |
||||
.wc-auth-logged-in-as { |
||||
background: #f5f5f5; |
||||
border-bottom: 2px solid #eee; |
||||
line-height: 70px; |
||||
margin: 0 0 24px; |
||||
padding: 0 1em 0 0; |
||||
|
||||
p { |
||||
margin: 0; |
||||
line-height: 70px; |
||||
} |
||||
|
||||
img { |
||||
float: left; |
||||
height: 70px; |
||||
margin: 0 1em 0 0; |
||||
} |
||||
|
||||
.wc-auth-logout { |
||||
float: right; |
||||
} |
||||
} |
||||
.wc-auth .wc-auth-actions { |
||||
overflow: hidden; |
||||
padding-left: 24px; |
||||
|
||||
.button { |
||||
background: #f7f7f7; |
||||
border-bottom-width: 2px; |
||||
border: 1px solid #d7d7d7; |
||||
box-sizing: border-box; |
||||
color: #777; |
||||
float: right; |
||||
font-size: 1.25em; |
||||
height: auto; |
||||
line-height: 1em; |
||||
padding: 1em 2em; |
||||
text-align: center; |
||||
width: 50%; |
||||
|
||||
&:hover, &:focus { |
||||
background: #fcfcfc; |
||||
} |
||||
} |
||||
.button-primary { |
||||
background: #ad6ea1; |
||||
border-color: #a16696; |
||||
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); |
||||
color: #fff; |
||||
float: right; |
||||
opacity: 1; |
||||
text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f, 0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f; |
||||
|
||||
&:hover, &:focus { |
||||
background: #b472a8; |
||||
color: #fff; |
||||
} |
||||
} |
||||
.wc-auth-approve { |
||||
float: right; |
||||
} |
||||
.wc-auth-deny { |
||||
float: left; |
||||
margin-left: -24px; |
||||
} |
||||
} |
@ -0,0 +1 @@ |
||||
.dashboard-widget-finish-setup .progress-wrapper{border:1px solid #757575;border-radius:16px;font-size:.9em;padding:2px 8px 2px 8px;display:inline-block;box-sizing:border-box}.dashboard-widget-finish-setup .progress-wrapper span{position:relative;top:-3px;color:#757575}.dashboard-widget-finish-setup .description div{margin-top:11px;float:right;width:70%}.dashboard-widget-finish-setup .description img{float:left;width:30%}.dashboard-widget-finish-setup .circle-progress{margin-top:1px;margin-right:-3px}.dashboard-widget-finish-setup .circle-progress circle{stroke:#f0f0f0;stroke-width:1px}.dashboard-widget-finish-setup .circle-progress .bar{stroke:#949494} |
@ -0,0 +1 @@ |
||||
.dashboard-widget-finish-setup .progress-wrapper{border:1px solid #757575;border-radius:16px;font-size:.9em;padding:2px 8px 2px 8px;display:inline-block;box-sizing:border-box}.dashboard-widget-finish-setup .progress-wrapper span{position:relative;top:-3px;color:#757575}.dashboard-widget-finish-setup .description div{margin-top:11px;float:left;width:70%}.dashboard-widget-finish-setup .description img{float:right;width:30%}.dashboard-widget-finish-setup .circle-progress{margin-top:1px;margin-left:-3px}.dashboard-widget-finish-setup .circle-progress circle{stroke:#f0f0f0;stroke-width:1px}.dashboard-widget-finish-setup .circle-progress .bar{stroke:#949494} |
@ -0,0 +1,52 @@ |
||||
/** |
||||
* dashboard-setup.scss |
||||
* Styles for WooCommerce dashboard finish setup widgets |
||||
* only loaded on the dashboard itself. |
||||
*/ |
||||
|
||||
/** |
||||
* Styling begins |
||||
*/ |
||||
|
||||
.dashboard-widget-finish-setup { |
||||
|
||||
.progress-wrapper { |
||||
border: 1px solid #757575; |
||||
border-radius: 16px; |
||||
font-size: 0.9em; |
||||
padding: 2px 8px 2px 8px; |
||||
display: inline-block; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.progress-wrapper span { |
||||
position: relative; |
||||
top: -3px; |
||||
color: #757575; |
||||
} |
||||
|
||||
.description div { |
||||
margin-top: 11px; |
||||
float: left; |
||||
width: 70%; |
||||
} |
||||
|
||||
.description img { |
||||
float: right; |
||||
width: 30%; |
||||
} |
||||
|
||||
.circle-progress { |
||||
margin-top: 1px; |
||||
margin-left: -3px; |
||||
|
||||
circle { |
||||
stroke: #f0f0f0; |
||||
stroke-width: 1px; |
||||
} |
||||
|
||||
.bar { |
||||
stroke: #949494; |
||||
} |
||||
} |
||||
} |
@ -0,0 +1,272 @@ |
||||
/** |
||||
* 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; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
After Width: | Height: | Size: 86 B |
After Width: | Height: | Size: 74 B |
After Width: | Height: | Size: 111 B |
After Width: | Height: | Size: 82 B |
After Width: | Height: | Size: 89 B |
After Width: | Height: | Size: 89 B |
After Width: | Height: | Size: 110 B |
After Width: | Height: | Size: 86 B |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 3.7 KiB |
@ -0,0 +1,304 @@ |
||||
/** |
||||
* marketplace-suggestions.scss |
||||
* Styling for in-product marketplace suggestions. |
||||
*/ |
||||
|
||||
@import "mixins"; |
||||
@import "variables"; |
||||
|
||||
$suggestions-pale-gray: #ddd; |
||||
$suggestions-metabox-pale-gray: #eee; |
||||
|
||||
$suggestions-copy-text: #444; |
||||
|
||||
a.suggestion-dismiss { |
||||
border: none; |
||||
box-shadow: none; |
||||
color: $suggestions-pale-gray; |
||||
} |
||||
|
||||
a.suggestion-dismiss:hover { |
||||
color: #aaa; |
||||
} |
||||
|
||||
a.suggestion-dismiss::before { |
||||
|
||||
@include iconbeforedashicons( "\f335" ); |
||||
|
||||
font-size: 1.5em; |
||||
} |
||||
|
||||
#woocommerce-product-data ul.wc-tabs li.marketplace-suggestions_tab { |
||||
|
||||
|
||||
a::before { |
||||
|
||||
@include iconbeforedashicons( "\f106" ); |
||||
|
||||
@media only screen and (max-width: 900px) { |
||||
line-height: 40px; |
||||
} |
||||
} |
||||
|
||||
a span { |
||||
margin: 0 0.618em; |
||||
} |
||||
} |
||||
|
||||
.marketplace-suggestions-metabox-nosuggestions-placeholder { |
||||
max-width: 325px; |
||||
margin: 2em auto; |
||||
text-align: center; |
||||
|
||||
.marketplace-suggestion-placeholder-content { |
||||
margin-bottom: 1em; |
||||
} |
||||
|
||||
h4, |
||||
a, |
||||
p { |
||||
margin: auto; |
||||
text-align: center; |
||||
display: block; |
||||
margin-top: 0.75em; |
||||
line-height: 1.75; |
||||
} |
||||
} |
||||
|
||||
.marketplace-suggestions-container.showing-suggestion { |
||||
text-align: left; |
||||
|
||||
.marketplace-suggestion-container { |
||||
align-items: flex-start; |
||||
display: flex; |
||||
flex-direction: column; |
||||
|
||||
// Allows us to position the dismiss x button |
||||
// relative to container on mobile. |
||||
position: relative; |
||||
|
||||
img.marketplace-suggestion-icon { |
||||
height: 40px; |
||||
margin: 0; |
||||
margin-right: 1.5em; |
||||
flex: 0 0 40px; |
||||
} |
||||
|
||||
.marketplace-suggestion-container-content { |
||||
flex: 1 1 60%; |
||||
|
||||
h4 { |
||||
margin: 0; |
||||
} |
||||
|
||||
p { |
||||
margin: 0; |
||||
margin-top: 4px; |
||||
color: $suggestions-copy-text; |
||||
} |
||||
} |
||||
|
||||
.marketplace-suggestion-container-cta { |
||||
flex: 1 1 30%; |
||||
min-width: 160px; |
||||
text-align: right; |
||||
|
||||
.suggestion-dismiss { |
||||
text-decoration: none; |
||||
position: absolute; |
||||
top: 1em; |
||||
right: 1em; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: 600px) { |
||||
|
||||
.marketplace-suggestion-container { |
||||
align-items: center; |
||||
flex-direction: row; |
||||
|
||||
img.marketplace-suggestion-icon { |
||||
// display: inline-block; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] { |
||||
|
||||
.marketplace-suggestion-container { |
||||
|
||||
.marketplace-suggestion-container-content { |
||||
|
||||
h4 { |
||||
font-size: 1.1em; |
||||
margin: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Additional breathing space margin under empty-state footer. |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] { |
||||
|
||||
margin-bottom: 6em; |
||||
} |
||||
|
||||
|
||||
// Optimise footer suggestion layout for left-aligned CTA link button only. |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] { |
||||
|
||||
.marketplace-suggestion-container { |
||||
|
||||
flex-direction: row-reverse; |
||||
|
||||
.marketplace-suggestion-container-cta { |
||||
|
||||
text-align: left; |
||||
} |
||||
|
||||
.marketplace-suggestion-container-content.has-manage-link { |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] { |
||||
|
||||
.marketplace-suggestion-container { |
||||
padding: 1em 1.5em; |
||||
|
||||
.marketplace-suggestion-container-content { |
||||
|
||||
p { |
||||
padding: 0; |
||||
line-height: 1.5; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] { |
||||
|
||||
.marketplace-suggestion-container { |
||||
padding: 1.5em; |
||||
} |
||||
} |
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-body"] { |
||||
|
||||
.marketplace-suggestion-container { |
||||
padding: 0.75em 1.5em; |
||||
|
||||
&:first-child { |
||||
padding-top: 1.5em; |
||||
} |
||||
|
||||
&:last-child { |
||||
padding-bottom: 1.5em; |
||||
} |
||||
|
||||
.marketplace-suggestion-container-content { |
||||
|
||||
p:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-body"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"], |
||||
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] { |
||||
|
||||
// hide by default (mobile first) |
||||
display: none; |
||||
|
||||
.marketplace-suggestion-container .marketplace-suggestion-container-cta { |
||||
|
||||
a.button { |
||||
display: inline-block; |
||||
min-width: 120px; |
||||
text-align: center; |
||||
margin: 0; |
||||
} |
||||
|
||||
a.linkout { |
||||
font-size: 1.1em; |
||||
text-decoration: none; |
||||