humhub/static/less/base.less
Marc Farré 4cc65fcf7c
Enh #7131: Introduce new CSS variables: --hh-fixed-header-height and … (#7133)
* Enh #7131: Introduce new CSS variables: --hh-fixed-header-height and --hh-fixed-footer-height

* Add description to migration guide

* Force keeping px after CSS compilation.

* Add comment in less file

* On mobile, change --hh-fixed-header-height CSS variable value instead of body padding top

* Update MIGRATE-DEV.md

* 593935d2b4 (r1686930702)

* Replace LESS compile -x option with --clean-css

---------

Co-authored-by: Lucas Bartholemy <luke-@users.noreply.github.com>
2024-07-30 10:23:50 +00:00

131 lines
2.0 KiB
Plaintext

//
// General
// --------------------------------------------------
html {
scroll-padding-top: var(--hh-fixed-header-height);
}
body {
.text-break();
padding-top: var(--hh-fixed-header-height);
background-color: @background-color-page;
color: @text-color-main;
font-family: 'Open Sans', sans-serif;
a,
a:hover,
a:focus,
a:active,
a.active {
color: @text-color-highlight;
text-decoration: none;
}
}
a:hover {
text-decoration: none;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
}
// Cols (change position property to prevent the cutting of tooltips or menus)
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
position: inherit;
}
.layout-nav-container {
padding: 0 0 0 15px;
}
.layout-sidebar-container {
padding: 0 15px 0 0;
}
@media (max-width: 768px) {
.layout-nav-container {
padding: 0 15px;
.left-navigation {
margin-bottom: 0;
}
}
}
h4 {
font-weight: 300;
font-size: 150%;
}
input[type=text],
input[type=password],
input[type=select] {
/* Remove First */
appearance: none;
}
.powered,
.powered a {
color: #b8c7d3 !important;
}
.langSwitcher {
display: inline-block;
}
[data-ui-show-more] {
overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
.layout-nav-container {
padding: 0 15px;
}
body {
padding-top: 120px;
}
}
@media print {
#topbar-first, #topbar-second {
display: none;
}
}
// Todo find better place for this selector
span.likeLinkContainer .like.disabled, span.likeLinkContainer .unlike.disabled {
pointer-events: none;
cursor: default;
text-decoration: none;
color: lightgrey;
}
.panel-body a[data-toggle], .modal-body a[data-toggle] {
color: @link;
}
.showMore {
font-size: 13px;
}
.table-responsive {
word-wrap: normal;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}