This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
_s/sass/shop/_components.scss

283 lines
3.5 KiB
SCSS
Raw Normal View History

2017-08-01 13:21:13 +00:00
/**
* Header cart
*/
.site-header-cart {
position: relative;
margin: 0;
padding: 0;
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
@include clearfix;
.cart-contents {
text-decoration: none;
}
.widget_shopping_cart {
display: none;
}
.product_list_widget {
margin: 0;
padding: 0;
}
}
/**
* Star rating
*/
.star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.3em;
2020-04-05 20:49:27 +00:00
font-family: star;
2017-08-01 13:21:13 +00:00
font-weight: 400;
2020-04-05 20:49:27 +00:00
&::before {
2017-08-01 13:21:13 +00:00
content: "\53\53\53\53\53";
2020-04-05 20:49:27 +00:00
opacity: 0.25;
2017-08-01 13:21:13 +00:00
float: left;
top: 0;
left: 0;
position: absolute;
}
span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
2020-04-05 20:49:27 +00:00
span::before {
2017-08-01 13:21:13 +00:00
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: $color__link;
}
}
p.stars {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
2020-04-05 20:49:27 +00:00
&::before {
2017-08-01 13:21:13 +00:00
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
2020-04-05 20:49:27 +00:00
font-family: star;
2017-08-01 13:21:13 +00:00
content: "\53";
color: $color__text-main;
text-indent: 0;
2020-04-05 20:49:27 +00:00
opacity: 0.25;
2017-08-01 13:21:13 +00:00
}
&:hover {
2020-04-05 20:49:27 +00:00
~ a::before {
2017-08-01 13:21:13 +00:00
content: "\53";
color: $color__text-main;
2020-04-05 20:49:27 +00:00
opacity: 0.25;
2017-08-01 13:21:13 +00:00
}
}
}
&:hover {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
a {
2020-04-05 20:49:27 +00:00
&::before {
2017-08-01 13:21:13 +00:00
content: "\53";
color: $color__link;
opacity: 1;
}
}
}
&.selected {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
a.active {
2020-04-05 20:49:27 +00:00
&::before {
2017-08-01 13:21:13 +00:00
content: "\53";
color: $color__link;
opacity: 1;
}
2020-04-05 20:49:27 +00:00
~ a::before {
2017-08-01 13:21:13 +00:00
content: "\53";
color: $color__text-main;
2020-04-05 20:49:27 +00:00
opacity: 0.25;
2017-08-01 13:21:13 +00:00
}
}
a:not(.active) {
2020-04-05 20:49:27 +00:00
&::before {
2017-08-01 13:21:13 +00:00
content: "\53";
color: $color__link;
opacity: 1;
}
}
}
}
/**
* Tabs
*/
.woocommerce-tabs {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
ul.tabs {
list-style: none;
margin: 0;
2017-08-01 13:21:13 +00:00
padding: 0;
text-align: left;
li {
display: block;
margin: 0;
position: relative;
a {
padding: 1em 0;
display: block;
}
}
}
.panel {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
h2:first-of-type {
margin-bottom: 1em;
}
}
}
/**
* Password strength meter
*/
.woocommerce-password-strength {
text-align: right;
&.strong {
color: $woocommerce__color-success;
}
&.short {
color: $woocommerce__color-error;
}
&.bad {
color: $woocommerce__color-error;
}
&.good {
color: $woocommerce__color-info;
}
}
/**
* Forms
*/
.form-row {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
&.woocommerce-validated {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
input.input-text {
box-shadow: inset 2px 0 0 $woocommerce__color-success;
}
}
&.woocommerce-invalid {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
input.input-text {
box-shadow: inset 2px 0 0 $woocommerce__color-error;
}
}
}
.required {
2020-04-05 20:49:27 +00:00
color: #f00;
2017-08-01 13:21:13 +00:00
}
/**
* Notices
*/
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
2017-08-01 13:21:13 +00:00
.woocommerce-noreviews,
p.no-comments {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
@include clearfix;
background-color: $woocommerce__color-success;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: $woocommerce__color-info;
}
.woocommerce-error {
background-color: $woocommerce__color-error;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: $woocommerce__color-info;
z-index: 9999;
}
@media screen and (min-width: 48em) {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
/**
* Header cart
*/
.site-header-cart {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
.widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
&:hover,
&.focus {
2020-04-05 20:49:27 +00:00
2017-08-01 13:21:13 +00:00
.widget_shopping_cart {
left: 0;
display: block;
}
}
}
}