fixed some sass functions
This commit is contained in:
parent
5ed619bf66
commit
8599376c8b
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||
|
|
|
@ -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
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue