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

File diff suppressed because one or more lines are too long

View File

@ -3037,7 +3037,7 @@ img.ui-datepicker-trigger { vertical-align: middle; margin-top: -1px; cursor: po
&:hover {
box-shadow:
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;
padding-left:1.5em;
color: #9c5d90;

View File

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

File diff suppressed because one or more lines are too long

View File

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