Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed some sass functions

This commit is contained in:
claudiosmweb 2014-09-22 14:48:26 -03:00
parent 5ed619bf66
commit 8599376c8b
5 changed files with 54 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/admin.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/admin.scss
View File

@ -3037,7 +3037,7 @@ img.ui-datepicker-trigger { vertical-align: middle; margin-top: -1px; cursor: po
&:hover { &:hover {
box-shadow: box-shadow:
inset 0 -1px 0 0 #dfdfdf, inset 0 -1px 0 0 #dfdfdf,
inset 300px 0 0 fade(#9c5d90,10%); inset 300px 0 0 rgba(156, 93, 144, 0.1);
border-right: 5px solid #9c5d90 !important; border-right: 5px solid #9c5d90 !important;
padding-left:1.5em; padding-left:1.5em;
color: #9c5d90; color: #9c5d90;

2
assets/css/dashboard.scss
View File

@ -187,7 +187,7 @@ ul.woocommerce_stats {
font-family: 'WooCommerce' !important; font-family: 'WooCommerce' !important;
&:before { &:before {
content: "\e021\e021\e021\e021\e021"; content: "\e021\e021\e021\e021\e021";
color: darken( #ccc, 10 ); color: darken( #ccc, 10% );
float: left; float: left;
top: 0; top: 0;
left: 0; left: 0;

2
assets/css/woocommerce.css
View File

File diff suppressed because one or more lines are too long

100
assets/css/woocommerce.scss
View File

@ -41,8 +41,8 @@ p.demo_store {
font-size: 1em; font-size: 1em;
padding: .5em 0; padding: .5em 0;
text-align: center; text-align: center;
@include vertical_gradient( $primary, darken($primary, 10) ); @include vertical_gradient( $primary, darken($primary, 10%) );
border: 1px solid darken($primary, 10); border: 1px solid darken($primary, 10%);
color: $primarytext; color: $primarytext;
z-index: 99998; z-index: 99998;
@include inset_box_shadow( 0, 0, 0, 3px, rgba(255,255,255,0.2) ); @include inset_box_shadow( 0, 0, 0, 3px, rgba(255,255,255,0.2) );
@ -78,9 +78,9 @@ p.demo_store {
margin: 0 0 2em !important; margin: 0 0 2em !important;
position: relative; position: relative;
@include border_radius(4px); @include border_radius(4px);
@include vertical_gradient( lighten( $secondary, 2 ), $secondary ); @include vertical_gradient( lighten( $secondary, 2% ), $secondary );
color: $secondarytext; color: $secondarytext;
@include text_shadow( 0, 1px, 0, lighten( $secondary, 4 ) ); @include text_shadow( 0, 1px, 0, lighten( $secondary, 4% ) );
list-style:none outside !important; list-style:none outside !important;
@include clearfix(); @include clearfix();
width: auto; width: auto;
@ -192,7 +192,7 @@ p.demo_store {
} }
del { del {
font-size: 0.67em; font-size: 0.67em;
color:fade( desaturate( $highlight, 75% ), 50% ); color: rgba(desaturate($highlight, 75%), 0.5);
} }
} }
@ -258,8 +258,8 @@ p.demo_store {
position: relative; position: relative;
li { li {
border: 1px solid darken( $secondary, 10 ); border: 1px solid darken( $secondary, 10% );
@include vertical_gradient( $secondary, darken( $secondary, 10 ) ); @include vertical_gradient( $secondary, darken( $secondary, 10% ) );
display: inline-block; display: inline-block;
position: relative; position: relative;
z-index: 0; z-index: 0;
@ -278,7 +278,7 @@ p.demo_store {
&:hover { &:hover {
text-decoration:none; text-decoration:none;
color: lighten( $secondarytext, 10 ); color: lighten( $secondarytext, 10% );
} }
} }
@ -301,7 +301,7 @@ p.demo_store {
} }
} }
&:before, &:after { &:before, &:after {
border: 1px solid darken( $secondary, 10 ); border: 1px solid darken( $secondary, 10% );
position:absolute; position:absolute;
bottom: -1px; bottom: -1px;
width: 5px; width: 5px;
@ -314,7 +314,7 @@ p.demo_store {
-moz-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0; border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 darken( $secondary, 10 ); box-shadow: 2px 2px 0 darken( $secondary, 10% );
} }
&:after { &:after {
right: -6px; right: -6px;
@ -322,7 +322,7 @@ p.demo_store {
-moz-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px; border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 darken( $secondary, 10 ); box-shadow: -2px 2px 0 darken( $secondary, 10% );
} }
} }
&:before { &:before {
@ -331,7 +331,7 @@ p.demo_store {
width: 100%; width: 100%;
bottom: 0; bottom: 0;
left: 0; left: 0;
border-bottom: 1px solid darken( $secondary, 10 ); border-bottom: 1px solid darken( $secondary, 10% );
z-index: 1; z-index: 1;
} }
} }
@ -417,7 +417,7 @@ p.demo_store {
left: 6px; left: 6px;
margin: 0; margin: 0;
@include border_radius(20px); @include border_radius(20px);
@include vertical_gradient( lighten( $highlight, 10), $highlight ); @include vertical_gradient( lighten( $highlight, 10%), $highlight );
@include text_shadow( 0, -1px, 0, $highlight ); @include text_shadow( 0, -1px, 0, $highlight );
color: $highlightext; color: $highlightext;
-webkit-box-shadow: -webkit-box-shadow:
@ -485,7 +485,7 @@ p.demo_store {
margin-bottom: .5em; margin-bottom: .5em;
del { del {
font-size: 0.67em; font-size: 0.67em;
color:fade( desaturate( $highlight, 75% ), 50% ); color: rgba(desaturate($highlight, 75%), 0.5);
margin: -2px 0 0 0; margin: -2px 0 0 0;
} }
ins { ins {
@ -495,7 +495,7 @@ p.demo_store {
font-size: 0.67em; font-size: 0.67em;
margin: -2px 0 0 0; margin: -2px 0 0 0;
text-transform: uppercase; text-transform: uppercase;
color:fade( desaturate( $highlight, 75% ), 50% ); color: rgba(desaturate($highlight, 75%), 0.5);
} }
} }
} }
@ -517,11 +517,11 @@ p.demo_store {
white-space: nowrap; white-space: nowrap;
padding:0; padding:0;
clear: both; clear: both;
border: 1px solid darken( $secondary, 10 ); border: 1px solid darken( $secondary, 10% );
border-right: 0; border-right: 0;
margin: 1px; margin: 1px;
li { li {
border-right: 1px solid darken( $secondary, 10 ); border-right: 1px solid darken( $secondary, 10% );
padding: 0; padding: 0;
margin: 0; margin: 0;
float: left; float: left;
@ -540,7 +540,7 @@ p.demo_store {
} }
span.current, a:hover, a:focus { span.current, a:hover, a:focus {
background: $secondary; background: $secondary;
color: darken( $secondary, 40 ); color: darken( $secondary, 40% );
} }
} }
} }
@ -566,8 +566,8 @@ p.demo_store {
text-shadow:0 1px 0 $secondary + #111; text-shadow:0 1px 0 $secondary + #111;
color: $secondarytext; color: $secondarytext;
@include darkorlighttextshadow( $secondarytext ); @include darkorlighttextshadow( $secondarytext );
border: 1px solid darken( $secondary, 20 ); border: 1px solid darken( $secondary, 20% );
@include vertical_gradient( $secondary, darken( $secondary, 10 ) ); @include vertical_gradient( $secondary, darken( $secondary, 10% ) );
white-space: nowrap; white-space: nowrap;
display: inline-block; display: inline-block;
@ -585,7 +585,7 @@ p.demo_store {
0 1px 2px rgba(0,0,0,0.1); 0 1px 2px rgba(0,0,0,0.1);
&.loading { &.loading {
color: lighten( $secondarytext, 10 ); color: lighten( $secondarytext, 10% );
border: 1px solid $secondary; border: 1px solid $secondary;
&:before { &:before {
@ -613,7 +613,7 @@ p.demo_store {
} }
&:hover { &:hover {
@include vertical_gradient( $secondary, darken( $secondary, 15 ) ); @include vertical_gradient( $secondary, darken( $secondary, 15% ) );
text-decoration:none; text-decoration:none;
} }
@ -622,13 +622,13 @@ p.demo_store {
} }
&.alt { &.alt {
@include vertical_gradient( $primary, darken( $primary, 10 ) ); @include vertical_gradient( $primary, darken( $primary, 10% ) );
border-color: darken($primary, 20); border-color: darken($primary, 20%);
color: $primarytext; color: $primarytext;
@include darkorlighttextshadow( $primarytext, 0.6 ); @include darkorlighttextshadow( $primarytext, 0.6 );
&:hover { &:hover {
@include vertical_gradient( $primary, darken( $primary, 15 ) ); @include vertical_gradient( $primary, darken( $primary, 15% ) );
color:$primarytext + #111; color:$primarytext + #111;
@include darkorlighttextshadow( $primarytext + #111, 0.6 ); @include darkorlighttextshadow( $primarytext + #111, 0.6 );
} }
@ -636,8 +636,8 @@ p.demo_store {
&:disabled, &:disabled,
&.disabled { &.disabled {
color: lighten( $secondarytext, 30 ); color: lighten( $secondarytext, 30% );
border: 1px solid darken( $secondary, 10 ); border: 1px solid darken( $secondary, 10% );
background: $secondary; background: $secondary;
-webkit-box-shadow: none; -webkit-box-shadow: none;
@ -678,7 +678,7 @@ p.demo_store {
padding: 0; padding: 0;
margin: 0; margin: 0;
text-align: center; text-align: center;
border: 1px solid darken( $secondary, 20 ); border: 1px solid darken( $secondary, 20% );
border-right: 0; border-right: 0;
@include border_radius_right(0); @include border_radius_right(0);
@include inset_box_shadow( 0, 0, 2px, 0, $secondary ); @include inset_box_shadow( 0, 0, 2px, 0, $secondary );
@ -712,8 +712,8 @@ p.demo_store {
color: $secondarytext; color: $secondarytext;
@include darkorlighttextshadow( $secondarytext ); @include darkorlighttextshadow( $secondarytext );
border: 1px solid darken( $secondary, 20 ); border: 1px solid darken( $secondary, 20% );
@include vertical_gradient( $secondary, darken( $secondary, 10 ) ); @include vertical_gradient( $secondary, darken( $secondary, 10% ) );
-webkit-box-shadow: -webkit-box-shadow:
inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 -1px 0 rgba(0,0,0,0.075),
@ -729,7 +729,7 @@ p.demo_store {
0 1px 2px rgba(0,0,0,0.1); 0 1px 2px rgba(0,0,0,0.1);
&:hover { &:hover {
@include vertical_gradient( $secondary, darken( $secondary, 15 ) ); @include vertical_gradient( $secondary, darken( $secondary, 15% ) );
} }
} }
@ -805,13 +805,13 @@ p.demo_store {
width: 32px; width: 32px;
height:auto; height:auto;
background: $secondary; background: $secondary;
border: 1px solid darken( $secondary, 3 ); border: 1px solid darken( $secondary, 3% );
margin: 0; margin: 0;
line-height: 1; line-height: 1;
} }
.comment-text { .comment-text {
margin: 0 0 0 50px; margin: 0 0 0 50px;
border: 1px solid darken( $secondary, 3 ); border: 1px solid darken( $secondary, 3% );
@include border_radius(4px); @include border_radius(4px);
padding: 1em 1em 0; padding: 1em 1em 0;
@include clearfix(); @include clearfix();
@ -832,7 +832,7 @@ p.demo_store {
} }
} }
#respond { #respond {
border: 1px solid darken( $secondary, 3 ); border: 1px solid darken( $secondary, 3% );
@include border_radius(4px); @include border_radius(4px);
padding: 1em 1em 0; padding: 1em 1em 0;
margin: 20px 0 0 50px; margin: 20px 0 0 50px;
@ -856,7 +856,7 @@ p.demo_store {
font-family: 'star'; font-family: 'star';
&:before { &:before {
content: "\73\73\73\73\73"; content: "\73\73\73\73\73";
color: darken( $secondary, 10 ); color: darken( $secondary, 10% );
float: left; float: left;
top: 0; top: 0;
left: 0; left: 0;
@ -1177,7 +1177,7 @@ p.demo_store {
@include inset_box_shadow(0, 1px, 4px, 0, rgba(0,0,0,0.1)); @include inset_box_shadow(0, 1px, 4px, 0, rgba(0,0,0,0.1));
border: 1px solid darken( $secondary, 10 ); border: 1px solid darken( $secondary, 10% );
padding: 6px 6px 5px; padding: 6px 6px 5px;
margin: 0 4px 0 0; margin: 0 4px 0 0;
outline: 0; outline: 0;
@ -1403,7 +1403,7 @@ p.demo_store {
} }
form.login, form.checkout_coupon, form.register { form.login, form.checkout_coupon, form.register {
border: 1px solid darken( $secondary, 10 ); border: 1px solid darken( $secondary, 10% );
padding: 20px; padding: 20px;
margin: 2em 0 2em 0px; margin: 2em 0 2em 0px;
text-align:left; text-align:left;
@ -1471,7 +1471,7 @@ p.demo_store {
@include clearfix(); @include clearfix();
text-align:left; text-align:left;
padding: 1em; padding: 1em;
border-bottom: 1px solid darken( $secondary, 10 ); border-bottom: 1px solid darken( $secondary, 10% );
margin: 0; margin: 0;
list-style:none outside; list-style:none outside;
li { li {
@ -1497,7 +1497,7 @@ p.demo_store {
div.form-row { div.form-row {
padding: 1em; padding: 1em;
border-top: 1px solid lighten( $secondary, 5 ); border-top: 1px solid lighten( $secondary, 5% );
} }
div.payment_box { div.payment_box {
position: relative; position: relative;
@ -1507,24 +1507,24 @@ p.demo_store {
font-size: 0.92em; font-size: 0.92em;
@include border_radius(2px); @include border_radius(2px);
line-height: 1.5em; line-height: 1.5em;
@include vertical_gradient( darken( $secondary, 5 ), darken( $secondary, 10 ) ); @include vertical_gradient( darken( $secondary, 5% ), darken( $secondary, 10% ) );
@include box_shadow(0,1px,2px,0,rgba(0,0,0,0.25)); @include box_shadow(0,1px,2px,0,rgba(0,0,0,0.25));
color: $secondarytext; color: $secondarytext;
@include darkorlighttextshadow( $secondarytext ); @include darkorlighttextshadow( $secondarytext );
input.input-text, textarea { input.input-text, textarea {
border-color: darken( $secondary, 15 ); border-color: darken( $secondary, 15% );
border-top-color: darken( $secondary, 20 ); border-top-color: darken( $secondary, 20% );
@include box_shadow( 0, 1px, 0, 0, rgba( 255,255,255,0.4 ) ); @include box_shadow( 0, 1px, 0, 0, rgba( 255,255,255,0.4 ) );
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: darken( $secondary, 20 ); color: darken( $secondary, 20% );
} }
:-moz-placeholder { :-moz-placeholder {
color: darken( $secondary, 20 ); color: darken( $secondary, 20% );
} }
:-ms-input-placeholder { :-ms-input-placeholder {
color: darken( $secondary, 20 ); color: darken( $secondary, 20% );
} }
.wc-credit-card-form-card-number, .wc-credit-card-form-card-number,
.wc-credit-card-form-card-expiry, .wc-credit-card-form-card-expiry,
@ -1574,7 +1574,7 @@ p.demo_store {
&:after { &:after {
content: ""; content: "";
display:block; display:block;
border: 8px solid darken( $secondary, 5 ); /* arrow size / color */ border: 8px solid darken( $secondary, 5% ); /* arrow size / color */
border-right-color: transparent; border-right-color: transparent;
border-left-color: transparent; border-left-color: transparent;
border-top-color: transparent; border-top-color: transparent;
@ -1611,7 +1611,7 @@ p.demo_store {
text-transform: uppercase; text-transform: uppercase;
font-size: 0.715em; font-size: 0.715em;
line-height: 1em; line-height: 1em;
border-right: 1px dashed darken( $secondary, 10 ); border-right: 1px dashed darken( $secondary, 10% );
padding-right: 2em; padding-right: 2em;
strong { strong {
@ -1772,9 +1772,9 @@ p.demo_store {
width: 0.9em; width: 0.9em;
height: 0.9em; height: 0.9em;
@include border_radius(1em); @include border_radius(1em);
border: 1px solid darken( $tertiary, 50 ); border: 1px solid darken( $tertiary, 50% );
cursor: pointer; cursor: pointer;
@include vertical_gradient( $tertiary, darken( $tertiary, 10 )); @include vertical_gradient( $tertiary, darken( $tertiary, 10% ));
outline:none; outline:none;
top: -.3em; top: -.3em;
-webkit-box-shadow: -webkit-box-shadow:
@ -1803,7 +1803,7 @@ p.demo_store {
} }
.price_slider_wrapper .ui-widget-content { .price_slider_wrapper .ui-widget-content {
@include border_radius(1em); @include border_radius(1em);
@include vertical_gradient( $quaternary, lighten( $quaternary, 30 ) ); @include vertical_gradient( $quaternary, lighten( $quaternary, 30% ) );
} }
.ui-slider-horizontal { .ui-slider-horizontal {
height: .5em; height: .5em;