shlink-web-client/src/index.scss

95 lines
1.4 KiB
SCSS
Raw Normal View History

@import './utils/base';
@import 'node_modules/bootstrap/scss/bootstrap.scss';
@import './common/react-tagsinput.scss';
2018-08-14 21:28:46 +03:00
html,
body,
#root {
height: 100%;
2020-12-12 18:55:01 +03:00
background: $lightColor;
2018-08-14 21:28:46 +03:00
}
* {
2018-06-03 13:57:03 +03:00
outline: none !important;
}
.bg-main {
background-color: $mainColor !important;
}
2020-12-12 12:56:10 +03:00
.card {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}
.card-header {
background-color: white;
}
.card-footer {
background-color: rgba(255, 255, 255, .5);
}
.dropdown-item:not(:disabled) {
cursor: pointer;
}
.dropdown-item.active:not(:disabled),
.dropdown-item:active:not(:disabled) {
2018-09-16 10:35:39 +03:00
background-color: $lightGrey !important;
color: inherit !important;
}
2018-07-20 23:32:50 +03:00
2018-08-11 19:27:51 +03:00
.badge-main {
2020-09-06 11:17:46 +03:00
color: #ffffff;
2018-08-11 19:27:51 +03:00
background-color: $mainColor;
}
2018-08-11 22:41:01 +03:00
2020-12-12 18:55:01 +03:00
.table-hover tbody tr:hover {
background-color: $lightColor;
}
2018-08-11 22:41:01 +03:00
.react-datepicker__input-container,
.react-datepicker-wrapper {
display: block !important;
}
2020-10-03 12:22:21 +03:00
.react-datepicker-popper {
z-index: 2;
}
.navbar-brand {
@media (max-width: $smMax) {
margin: 0 auto !important;
}
}
.pagination .page-link {
cursor: pointer;
}
2019-03-09 15:20:43 +03:00
.indivisible {
white-space: nowrap;
2019-03-09 15:20:43 +03:00
}
2020-01-12 14:08:26 +03:00
.pointer {
cursor: pointer;
}
.text-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
2020-01-12 14:08:26 +03:00
white-space: nowrap;
}
.react-datepicker__day--keyboard-selected {
background-color: $mainColor;
&:hover {
background-color: darken($mainColor, 12%);
}
}
.progress-bar {
background-color: $mainColor;
}