Initial version of smartbooking generated by generator-jhipster@9.0.0-beta.0
This commit is contained in:
241
src/main/webapp/content/scss/global.scss
Normal file
241
src/main/webapp/content/scss/global.scss
Normal file
@@ -0,0 +1,241 @@
|
||||
@import 'bootstrap-variables';
|
||||
@import 'bootstrap/scss/functions';
|
||||
@import 'bootstrap/scss/variables';
|
||||
// Import Bootstrap source files from node_modules
|
||||
@import 'bootstrap/scss/bootstrap';
|
||||
@import 'bootstrap-vue-next/dist/bootstrap-vue-next.css';
|
||||
|
||||
/* ==============================================================
|
||||
Bootstrap tweaks
|
||||
===============================================================*/
|
||||
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
/* Increase contrast of links to get 100% on Lighthouse Accessibility Audit. Override this color if you want to change the link color, or use a Bootswatch theme */
|
||||
a {
|
||||
color: #533f03;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* override hover color for dropdown-item forced by bootstrap to all a:not([href]):not([tabindex]) elements in _reboot.scss */
|
||||
a:not([href]):not([tabindex]):hover.dropdown-item {
|
||||
color: $dropdown-link-hover-color;
|
||||
}
|
||||
|
||||
/* override .dropdown-item.active background-color on hover */
|
||||
.dropdown-item.active:hover {
|
||||
background-color: mix($dropdown-link-hover-bg, $dropdown-link-active-bg, 50%);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #533f03;
|
||||
/* make sure browsers use the pointer cursor for anchors, even with no href */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dropdown-item:hover {
|
||||
color: $dropdown-link-hover-color;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Browser Upgrade Prompt
|
||||
========================================================================== */
|
||||
.browserupgrade {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Main page styles
|
||||
========================================================================== */
|
||||
|
||||
.hipster.img-fluid {
|
||||
display: inline-block;
|
||||
width: 347px;
|
||||
height: 497px;
|
||||
background: url('/content/images/jhipster_family_member_0.svg') no-repeat center top;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
/* wait autoprefixer update to allow simple generation of high pixel density media query */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min--moz-device-pixel-ratio: 2),
|
||||
only screen and (-o-min-device-pixel-ratio: 2/1),
|
||||
only screen and (min-device-pixel-ratio: 2),
|
||||
only screen and (min-resolution: 192dpi),
|
||||
only screen and (min-resolution: 2dppx) {
|
||||
.hipster {
|
||||
background: url('/content/images/jhipster_family_member_0.svg') no-repeat center top;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Generic styles
|
||||
========================================================================== */
|
||||
.jh-card {
|
||||
padding: 1.5%;
|
||||
margin-top: 20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: white;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.pad {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.w-40 {
|
||||
width: 40% !important;
|
||||
}
|
||||
|
||||
.w-60 {
|
||||
width: 60% !important;
|
||||
}
|
||||
|
||||
.break {
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.readonly {
|
||||
background-color: #eee;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.footer {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
|
||||
.hand,
|
||||
[jhisortby] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Custom alerts for notification
|
||||
========================================================================== */
|
||||
.alerts {
|
||||
.alert {
|
||||
text-overflow: ellipsis;
|
||||
pre {
|
||||
background: none;
|
||||
border: none;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.popover pre {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
.jhi-toast {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
&.left {
|
||||
left: 5px;
|
||||
}
|
||||
&.right {
|
||||
right: 5px;
|
||||
}
|
||||
&.top {
|
||||
top: 55px;
|
||||
}
|
||||
&.bottom {
|
||||
bottom: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 480px) {
|
||||
.alerts .jhi-toast {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
entity list page css
|
||||
========================================================================== */
|
||||
|
||||
.table-entities thead th .d-flex > * {
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
entity detail page css
|
||||
========================================================================== */
|
||||
.row-md.jh-entity-details {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
column-gap: 10px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.row-md.jh-entity-details > {
|
||||
dt {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
dd {
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 0.5em 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
ui bootstrap tweaks
|
||||
========================================================================== */
|
||||
.nav,
|
||||
.pagination,
|
||||
.carousel,
|
||||
.panel-title a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.thread-dump-modal-lock {
|
||||
max-width: 450px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
// Add space between icon and text in dropdowns
|
||||
.dropdown-menu svg:first-child,
|
||||
.btn svg:first-child,
|
||||
.nav-item span svg:first-child {
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
|
||||
th svg:last-child {
|
||||
margin-left: 0.4em;
|
||||
}
|
||||
|
||||
/* jhipster-needle-scss-add-main JHipster will add new css style */
|
||||
Reference in New Issue
Block a user