2021-07-03 21:48:27 +00:00
@import ' bootstrap-variables ' ;
@import ' ~bootstrap/scss/functions ' ;
@import ' ~bootstrap/scss/variables ' ;
2021-08-01 06:06:59 +00:00
@import url( 'https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap' ) ;
2021-07-03 21:48:27 +00:00
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Bootstrap tweaks
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
body ,
h1 ,
h2 ,
h3 ,
h4 {
font-weight : 300 ;
}
/* Increase contrast of links to get 100% on Lighthouse Accessability Audit. Override this color if you want to change the link color, or use a Bootswatch theme */
a {
color : #533f03 ;
font-weight : bold ;
}
a : hover {
color : #533f03 ;
}
/* 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 {
/* 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 .2 em 0 ;
background : #ccc ;
color : #000 ;
padding : 0 .2 em 0 ;
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Generic styles
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
/* Error highlight on input fields */
. ng-valid [ required ] ,
. ng-valid . required {
border-left : 5 px solid green ;
}
. ng-invalid : not ( form ) {
border-left : 5 px solid red ;
}
/* other generic styles */
. jh-card {
padding : 1 .5 % ;
margin-top : 20 px ;
border : none ;
}
. error {
color : white ;
background-color : red ;
}
. pad {
padding : 10 px ;
}
. w-40 {
width : 40 % !important ;
}
. w-60 {
width : 60 % !important ;
}
. break {
white-space : normal ;
word-break : break-all ;
}
. readonly {
background-color : #eee ;
opacity : 1 ;
}
. footer {
border-top : 1 px 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 : 10 px ;
}
}
. jhi-toast {
position : fixed ;
width : 100 % ;
& . left {
left : 5 px ;
}
& . right {
right : 5 px ;
}
& . top {
top : 55 px ;
}
& . bottom {
bottom : 55 px ;
}
}
}
@media screen and ( min-width : 480 px ) {
. alerts . jhi-toast {
width : 50 % ;
}
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
entity detail page css
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
. row-md . jh-entity-details {
display : grid ;
grid-template-columns : auto 1 fr ;
column-gap : 10 px ;
line-height : 1 .5 ;
}
@media screen and ( min-width : 768 px ) {
. row-md . jh-entity-details > {
dt {
float : left ;
overflow : hidden ;
clear : left ;
text-align : right ;
text-overflow : ellipsis ;
white-space : nowrap ;
padding : 0 .5 em 0 ;
}
dd {
border-bottom : 1 px solid #eee ;
padding : 0 .5 em 0 ;
margin-left : 0 ;
}
}
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
ui bootstrap tweaks
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = * /
. nav ,
. pagination ,
. carousel ,
. panel-title a {
cursor : pointer ;
}
. thread-dump-modal-lock {
max-width : 450 px ;
overflow : hidden ;
text-overflow : ellipsis ;
white-space : nowrap ;
}
/* jhipster-needle-scss-add-main JHipster will add new css style */