94 lines
2.5 KiB
SCSS
94 lines
2.5 KiB
SCSS
@charset "UTF-8";
|
|
/* voir template variant Arlon*/
|
|
$delete-from-basket-color: $primary-color !default;
|
|
$basket-button-background-color: $primary-color !default;
|
|
$basket-button-text-color: white !default;
|
|
$basket-button-background-color-hover: darken(
|
|
$basket-button-background-color,
|
|
8%
|
|
);
|
|
$basket-button-text-color-hover: white !default;
|
|
$basket-button-border-radius: 3px;
|
|
$basket-text-color: $nav-background !default;
|
|
$box-shadow-hover-button: 0 1px 1px rgba(0, 0, 0, 0.01),
|
|
2px 2px 2px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.05),
|
|
0 16px 16px rgba(0, 0, 0, 0.001) !default;
|
|
|
|
div.lingobasketcell ul li a {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
div.lingobasketcell ul li a.basket-number {
|
|
margin-left: 0.4em;
|
|
margin-right: 0.8em;
|
|
}
|
|
div.lingobasketcell .lingo_item_price {
|
|
display: inline-block;
|
|
padding: 0 2em;
|
|
margin: 0;
|
|
}
|
|
div.lingobasketcell ul {
|
|
list-style: none;
|
|
& li {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
margin: 3ex 1em 0 1em;
|
|
}
|
|
}
|
|
div.lingobasketcell ul li:last-child {
|
|
display: inline-block;
|
|
}
|
|
/*Boutton "Commander un autre document"*/
|
|
div#columns a#workflow-button-command,
|
|
div#columns a#new-command,
|
|
div#columns a#workflow-button-paid {
|
|
vertical-align: middle;
|
|
display: inline-table;
|
|
font-weight: normal;
|
|
color: $basket-button-text-color;
|
|
background-color: $basket-button-background-color;
|
|
border: solid $basket-button-background-color 1px;
|
|
border-radius: $basket-button-border-radius;
|
|
text-align: center;
|
|
text-decoration: None;
|
|
padding: 10px 15px;
|
|
box-shadow: $box-shadow-hover-button;
|
|
&:hover {
|
|
box-shadow: $box-shadow-hover-button;
|
|
}
|
|
}
|
|
/*Bouton "Payer votre commande"*/
|
|
.page-panier a#workflow-button-paid,
|
|
input#pay {
|
|
vertical-align: top;
|
|
margin-left: 20px;
|
|
display: inline-table;
|
|
font-weight: normal;
|
|
color: $basket-button-text-color;
|
|
background-color: $basket-button-background-color;
|
|
border: solid $basket-button-background-color 1px;
|
|
border-radius: $basket-button-border-radius;
|
|
text-align: center;
|
|
text-decoration: None;
|
|
}
|
|
/******************************************************* HOVER ITEM
|
|
**/
|
|
div#columns a#workflow-button-command:hover,
|
|
div#columns a#workflow-button-paid:hover,
|
|
div#columns input#pay:hover,
|
|
div#columns a#new-command:hover {
|
|
background-color: $basket-button-background-color-hover;
|
|
color: $basket-button-text-color-hover;
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
div#columns a#workflow-button-command,
|
|
div#columns a#new-command,
|
|
div#columns a#workflow-button-paid,
|
|
.page panier a#workflow-button-paid,
|
|
input#pay {
|
|
margin: 1.5em auto;
|
|
display: block;
|
|
}
|
|
}
|