110 lines
1.8 KiB
SCSS
Executable File
110 lines
1.8 KiB
SCSS
Executable File
/* Librairies */
|
|
|
|
@import 'normalize';
|
|
@import 'awesome';
|
|
@import 'variables';
|
|
@import 'functions';
|
|
|
|
/* Pages */
|
|
|
|
@import 'template';
|
|
@import 'logon';
|
|
@import 'products';
|
|
@import 'orders';
|
|
|
|
/* Global Classes */
|
|
|
|
body {
|
|
color: $color_main;
|
|
font-family:Arial;
|
|
font-size:12px;
|
|
box-sizing: border-box;
|
|
background:$color_bg;
|
|
}
|
|
|
|
:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
a, a:visited, a:active {
|
|
color: $color_main;
|
|
}
|
|
a:hover {
|
|
color: $color_comp;
|
|
}
|
|
|
|
/* Global Classes - Button */
|
|
|
|
input, textarea, button, .button {
|
|
color: $color_main;
|
|
background:$color_bg_alt;
|
|
border:none;
|
|
padding:0.5em;
|
|
margin:0;
|
|
@include round(3px, 3px, 3px, 3px);
|
|
}
|
|
|
|
input[type=button], input[type=submit], button, .button {
|
|
border:none;
|
|
cursor:pointer;
|
|
background:$color_main;
|
|
color:$color_bg;
|
|
font-weight: bold;
|
|
display:inline-block;
|
|
}
|
|
input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover {
|
|
background:$color_comp;
|
|
color:$color_main;
|
|
}
|
|
|
|
input[type=button].no_bg, input[type=submit].no_bg, button.no_bg, .button.no_bg {
|
|
background:none;
|
|
color:$color_main;
|
|
}
|
|
input[type=button].no_bg:hover, input[type=submit].no_bg:hover, button.no_bg:hover, .button.no_bg:hover {
|
|
background:none;
|
|
color:$color_comp;
|
|
}
|
|
|
|
.button .fa + .value {
|
|
margin-left:0.5em;
|
|
}
|
|
|
|
input[type=button].no_text, input[type=submit].no_text, button.no_text, .button.no_text {
|
|
font-size:$size_big;
|
|
}
|
|
|
|
.button.no_text .fa + .value {
|
|
display: none;
|
|
}
|
|
|
|
/* Global Classes - Feedback */
|
|
|
|
.feedback {
|
|
padding:1em;
|
|
background:$color_bg_alt;
|
|
}
|
|
|
|
.feedback.global {
|
|
font-size:$size_med;
|
|
position:absolute;
|
|
top:0;
|
|
left:calc(20% - 1em);
|
|
width:60%;
|
|
margin:auto;
|
|
margin-top:1em;
|
|
@include roundall(3px);
|
|
}
|
|
|
|
.feedback.success {
|
|
color:green;
|
|
}
|
|
.feedback.warning {
|
|
color:orange;
|
|
background-color:$color_warning_bg;
|
|
}
|
|
.feedback.error {
|
|
color:red;
|
|
}
|
|
|