2019-03-15 12:19:23 +01:00

216 lines
3.0 KiB
SCSS

.boutique_body{
.table{
th{
background:transparent;
color:black;
border-bottom:1px solid gray;
}
}
h1{
text-align:center;
font-size:2em;
}
.btn{
padding:6px 12px;
padding-top:4px;
color:$orange;
border:1px solid $orange;
font-size:1em;
background:transparent;
cursor:pointer;
}
.formtastic{
.btn{
background:$orange;
}
}
.product-item{
box-sizing:border-box;
width:24%;
display:inline-block;
padding:10px;
.product-price{
color:rgba(0,0,0,0.8);
.strip{
text-decoration: line-through;
}
}
.inner{
.description{
padding:20px;
}
max-width:270px;
position:relative;
margin:10px auto;
background:white;
.special{
position:absolute;
top:-20px;
right:-20px;
width:60px;
}
h3{
font-size: 1.2em;
//line-height: 0.8em;
color:$dark_orange;
margin-top:0px;
min-height:2.2em;
margin-bottom:10px;
}
.stock{
height:6px;
width:6px;
background:green;
border-radius:50%;
position:relative;
top:-10px;
display:inline-block;
}
}
}
.products_grid{
text-align:center;
}
}
.product_show{
.price{
font-weight:bold;
margin-top:2em;
//font-size:1.5em;
}
h1{
font-size:1.8em;
padding-top:20px;
color:$dark_orange;
text-align:left;
}
.add_to_cart{
margin:1em 0;
}
.row{
.col_image{
float:left;
width:40%;
box-sizing:border-box;
.product_images{
img{
width:20%;
}
}
}
.col_description{
box-sizing:border-box;
margin-left:40%;
padding:0 40px;
}
}
}
#my_cart{
td{
vertical-align:top;
padding:5px;
a{
color:black;
}
}
.choice, .radio{
input{
display:inline-block;
width:auto;
margin-right:5px;
}
}
}
.product_sizes{
margin:2em 0;
a{
display:inline-block;
text-align:center;
border: 1px solid $orange;
line-height:1.9em;
padding-top:0.2em;
width:2.2em;
border-radius:50%;
color:black;
text-decoration:none;
font-weight:bold;
&.active, &:hover{
background : $orange;
color:white !important;
}
}
}
.size_guide{
margin-top:2em;
}
.product_options{
margin:2em 0;
a{
display:inline-block;
text-align:center;
border: 1px solid $orange;
line-height:1.9em;
padding-top:0.2em;
padding-left:10px;
padding-right:10px;
margin:0 10px;
margin-left:0;
color:black;
text-decoration:none;
font-weight:bold;
&.active, &:hover{
background : $orange;
color:white !important;
}
}
}
.boutique-right{
text-align:right;
width:100px;
}
.particular_form{
td{
padding:0 !important;
}
}