New Less Theming structure disable theme components by using @prev-* variables.

This commit is contained in:
buddha87 2016-12-23 09:36:23 +01:00
parent 2a246acfdc
commit 0488d77cc7
7 changed files with 229 additions and 67 deletions

View File

@ -7,7 +7,8 @@
}
.grid-view .filters input,
.grid-view .filters select {;
.grid-view .filters select {
@import (reference, multiple) "form.less";
.form-control;
border-radius: 4px;
font-size: 12px;

View File

@ -1,36 +1,181 @@
@import "base.less";
@import "topbar.less";
@import "login.less";
@import "dropdown.less";
@import "media.less";
@import "panel.less";
@import "installer.less";
@import "pagination.less";
@import "bootstrap.less";
@import "nav.less";
@import "button.less";
@import "form.less";
@import "badge.less";
@import "popover.less";
@import "list-group.less";
@import "modal.less";
@import "tooltip.less";
@import "progress.less";
@import "table.less";
@import "comment.less";
@import "gridview.less";
@import "oembed.less";
@import "activities.less";
@import "stream.less";
@import "space.less";
@import "file.less";
@import "tour.less";
@import "mentioning.less";
@import "loader.less";
@import "markdown.less";
@import "sidebar.less";
@import "datepicker.less";
@import "user-feedback.less";
@import "tags.less";
@import "installed.less";
// Import base components. Components can be deactivated by @prev-* variables.
@prev-base: false;
& when not(@prev-base) {
@import "base.less";
}
@prev-topbar: false;
& when not(@prev-topbar) {
@import "topbar.less";
}
@prev-login: false;
& when not(@prev-login) {
@import "login.less";
}
@prev-dropdown: false;
& when not(@prev-dropdown) {
@import "dropdown.less";
}
@prev-media: false;
& when not(@prev-media) {
@import "media.less";
}
@prev-panel: false;
& when not(@prev-panel) {
@import "panel.less";
}
@prev-installer: false;
& when not(@prev-installer) {
@import "installer.less";
}
@prev-pagination: false;
& when not(@prev-pagination) {
@import "pagination.less";
}
@prev-well: false;
& when not(@prev-well) {
@import "well.less";
}
@prev-nav: false;
& when not(@prev-nav) {
@import "nav.less";
}
@prev-button: false;
& when not(@prev-button) {
@import "button.less";
}
@prev-form: false;
& when not(@prev-form) {
@import "form.less";
}
@prev-notification: false;
& when not(@prev-notification) {
@import "notification.less";
}
@prev-badge: false;
& when not(@prev-badge) {
@import "badge.less";
}
@prev-popover: false;
& when not(@prev-popover) {
@import "popover.less";
}
@prev-list-group: false;
& when not(@prev-list-group) {
@import "list-group.less";
}
@prev-modal: false;
& when not(@prev-modal) {
@import "modal.less";
}
@prev-module: false;
& when not(@prev-module) {
@import "module.less";
}
@prev-tooltip: false;
& when not(@prev-tooltip) {
@import "tooltip.less";
}
@prev-progress: false;
& when not(@prev-progress) {
@import "progress.less";
}
@prev-table: false;
& when not(@prev-table) {
@import "table.less";
}
@prev-comment: false;
& when not(@prev-comment) {
@import "comment.less";
}
@prev-gridview: false;
& when not(@prev-gridview) {
@import "gridview.less";
}
@prev-oembed: false;
& when not(@prev-oembed) {
@import "oembed.less";
}
@prev-activities: false;
& when not(@prev-activities) {
@import "activities.less";
}
@prev-stream: false;
& when not(@prev-stream) {
@import "stream.less";
}
@prev-space: false;
& when not(@prev-space) {
@import "space.less";
}
@prev-file: false;
& when not(@prev-file) {
@import "file.less";
}
@prev-tour: false;
& when not(@prev-tour) {
@import "tour.less";
}
@prev-mentioning: false;
& when not(@prev-mentioning) {
@import "mentioning.less";
}
@prev-loader: false;
& when not(@prev-loader) {
@import "loader.less";
}
@prev-markdown: false;
& when not(@prev-markdown) {
@import "markdown.less";
}
@prev-sidebar: false;
& when not(@prev-sidebar) {
@import "sidebar.less";
}
@prev-datepicker: false;
& when not(@prev-datepicker) {
@import "datepicker.less";
}
@prev-user-feedback: false;
& when not(@prev-user-feedback) {
@import "user-feedback.less";
}
@prev-tags: false;
& when not(@prev-tags) {
@import "tags.less";
}

View File

@ -2,23 +2,23 @@
// Tables
// --------------------------------------------------
table {
margin-bottom:0px !important;
th {
font-size: 11px;
color: @font4;
font-weight: normal;
}
thead tr th {
border: none !important;
}
.time {
font-size: 12px;
}
td {
a:hover {
color: @info;
margin-bottom:0px !important;
th {
font-size: 11px;
color: @font4;
font-weight: normal;
}
thead tr th {
border: none !important;
}
.time {
font-size: 12px;
}
td {
a:hover {
color: @info;
}
}
}
}
.table > thead > tr > th,
@ -27,12 +27,21 @@ table {
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 10px 10px 10px 0;
padding: 10px 10px 10px 0;
select {
font-size: 12px;
padding: 4px 8px;
height: 30px;
margin: 0;
}
select {
font-size: 12px;
padding: 4px 8px;
height: 30px;
margin: 0;
}
}
.table-middle > thead > tr > th,
.table-middle > tbody > tr > th,
.table-middle > tfoot > tr > th,
.table-middle > thead > tr > td,
.table-middle > tbody > tr > td,
.table-middle > tfoot > tr > td {
vertical-align: middle !important;
}

View File

@ -1,7 +1,3 @@
//
// Overwrite of some bootstrap components
// --------------------------------------------------
//
// Well
// --------------------------------------------------

View File

@ -1950,6 +1950,8 @@ table {
}
}
//
// Comments
// --------------------------------------------------
@ -3179,4 +3181,13 @@ img.bounceIn {
.file-preview-content {
cursor: pointer;
}
.table-middle > thead > tr > th,
.table-middle > tbody > tr > th,
.table-middle > tfoot > tr > th,
.table-middle > thead > tr > td,
.table-middle > tbody > tr > td,
.table-middle > tfoot > tr > td {
vertical-align: middle !important;
}

View File

@ -1,15 +1,15 @@
// Edit this if your theme folder resides outside of your humhub/themes directory.
@HUMHUB: "../../../../less";
@HUMHUB: "../../../less";
// Import default variables and mixins
@import "@{HUMHUB}/variables.less";
@import "@{HUMHUB}/mixins.less";
// Overwrite default variables and mixins here
@import "variables.less";
// Import default less
@import "@{HUMHUB}/humhub.less";
// Overwrite default variables and mixins here
@import "variables.less";
// Overwrite default selectors here
@import "theme.less";

View File