2019-09-24 18:42:08 +02:00
|
|
|
import { createGlobalStyle } from 'styled-components';
|
|
|
|
|
|
|
|
|
|
const GlobalStyle = createGlobalStyle`
|
|
|
|
|
html {
|
|
|
|
|
font-size: 62.5%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
font-family: 'Lato';
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
color: #292b2c;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
font-family: 'Lato';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|
|
|
|
line-height: 1.1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cursor-pointer {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Override
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.modal {
|
|
|
|
|
.modal-dialog {
|
|
|
|
|
max-width: 74.5rem;
|
|
|
|
|
margin: 16rem auto 3rem calc(50% - #{$left-menu-width});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-content {
|
|
|
|
|
border-radius: .2rem;
|
|
|
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-backdrop.show {
|
|
|
|
|
opacity: 0.3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.modal-header {
|
|
|
|
|
button {
|
|
|
|
|
&.close {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
form .row {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.form-check {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
.form-check-label {
|
|
|
|
|
padding-left: 1.25rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-10-08 12:27:04 +02:00
|
|
|
.form-control:focus {
|
|
|
|
|
outline: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-24 18:42:08 +02:00
|
|
|
textarea.form-control {
|
|
|
|
|
height: 10.6rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.input-group-addon {
|
|
|
|
|
padding-left: 0.75rem;
|
|
|
|
|
padding-right: 0.75rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.btn-secondary:not(:disabled):not(.disabled):active:focus,
|
|
|
|
|
.btn-secondary:not(:disabled):not(.disabled).active:focus,
|
|
|
|
|
.btn-secondary,
|
|
|
|
|
.show > .btn-secondary.dropdown-toggle:focus {
|
|
|
|
|
&:focus, &:active, &:hover, &.focus {
|
|
|
|
|
box-shadow: 0 0 0 0px rgba(134,142,150,0.5);
|
|
|
|
|
color: rgb(51, 55, 64);
|
|
|
|
|
background-color: rgb(250, 250, 251) !important;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Notifications animation
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.notification-enter {
|
|
|
|
|
opacity: 0.01;
|
|
|
|
|
top: -60px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-enter.notification-enter-active {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition: all 400ms ease-in;
|
|
|
|
|
top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-exit {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.notification-exit.notification-exit-active {
|
|
|
|
|
opacity: 0.01;
|
|
|
|
|
transition: all 400ms ease-in;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
export default GlobalStyle;
|