kivitendo/css/less/mixins.less @ e5ac8ee3
| 00462921 | Hans P. Schlaepfer | /* ------------------------------------------------------------- */
|
||
/* MIXINS (mixins.less) */
|
||||
/* ------------------------------------------------------------- */
|
||||
| b6b30e72 | Hans Peter Schlaepfer | // ----------------------------------------------------------------------------
|
||
//
|
||||
// MIXINS (general sitewide properties)
|
||||
//
|
||||
// ----------------------------------------------------------------------------
|
||||
// DESCRIPTION:
|
||||
// Mixins can be used like variables and be written like a CSS-class
|
||||
// Do not apply these classes onto selectors but apply besides other properties
|
||||
// within a selector
|
||||
//
|
||||
// CONTENTS:
|
||||
// - H3 & CAPTION
|
||||
// - CONTENT-BLOCKS (Content-Boxes)
|
||||
// - -
|
||||
// -
|
||||
// -
|
||||
// -
|
||||
//
|
||||
// ----------------------------------------------------------------------------
|
||||
// --------------
|
||||
// H3
|
||||
//
|
||||
// Mixin, no class to apply in selectors
|
||||
// see H3 in main.less
|
||||
// see also Caption in tables.less
|
||||
.mx-h3-caption {
|
||||
font-size : @table-caption-size ;
|
||||
| 00462921 | Hans P. Schlaepfer | //font-style: @h3-style;
|
||
| b6b30e72 | Hans Peter Schlaepfer | font-weight: @h3-weight;
|
||
color: @table-caption-color !important ;
|
||||
padding: 0.2em 0 0.2em 0.2em;
|
||||
| 00462921 | Hans P. Schlaepfer | margin: 0.1em 0 0.4em 0 ;
|
||
//margin: 0;
|
||||
| b6b30e72 | Hans Peter Schlaepfer | text-align: left;
|
||
| 00462921 | Hans P. Schlaepfer | letter-spacing: 0.12em;
|
||
| b6b30e72 | Hans Peter Schlaepfer | }
|
||
// -------------------
|
||||
// Content-BLOCKS (Content-Boxes)
|
||||
//
|
||||
.mx-contentbox-properties {
|
||||
margin: @contentbox-margin ;
|
||||
padding: @contentbox-padding;
|
||||
}
|
||||
// --------------------------------------
|
||||
// Tables
|
||||
// --------------------------------------
|
||||
.mx-thead-th {
|
||||
color: @t-cell-head-text ;
|
||||
| 00462921 | Hans P. Schlaepfer | background-color: @t-cell-head-bg ;
|
||
| b6b30e72 | Hans Peter Schlaepfer | border-top: 1px solid @table-border-color;
|
||
border-bottom: 1px solid @table-border-color;
|
||||
text-align: left ;
|
||||
vertical-align: middle ;
|
||||
}
|
||||
// --------------------------------------
|
||||
// Buttons
|
||||
// --------------------------------------
|
||||
.mx-button {
|
||||
display: inline-block ;
|
||||
| 00462921 | Hans P. Schlaepfer | cursor: pointer ;
|
||
| b6b30e72 | Hans Peter Schlaepfer | width: auto ;
|
||
padding: 0.2em 0.6em;
|
||||
font-size: @font-size-smaller ;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-align: center;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
| 00462921 | Hans P. Schlaepfer | border-radius: @button-border-radius;
|
||
| b6b30e72 | Hans Peter Schlaepfer | }
|
||
// -------------------
|
||||
// STRONG
|
||||
//
|
||||
// for links, labels, buttons (no :link pseudo class)
|
||||
.mx-button-standard{
|
||||
| 00462921 | Hans P. Schlaepfer | border: @button-strong-border ;
|
||
background-color: @button-strong-bg ;
|
||||
color: @button-strong-color ;
|
||||
| b6b30e72 | Hans Peter Schlaepfer | text-decoration: none;
|
||
}
|
||||
// for hover, focus, active pseudo classes
|
||||
.mx-button-standard-hover-focus{
|
||||
&:hover{
|
||||
| 00462921 | Hans P. Schlaepfer | border: @button-strong-hover-border ;
|
||
background-color: @button-strong-hover-bg;
|
||||
color: @button-strong-hover-color;
|
||||
| b6b30e72 | Hans Peter Schlaepfer | text-decoration: none;
|
||
}
|
||||
&:active,
|
||||
&:focus{
|
||||
| 00462921 | Hans P. Schlaepfer | border : @button-strong-active-border ;
|
||
background-color: @button-strong-active-bg;
|
||||
color: @button-strong-active-color;
|
||||
| b6b30e72 | Hans Peter Schlaepfer | text-decoration: none;
|
||
}
|
||||
}
|
||||
// -------------------
|
||||
// NEUTRAL
|
||||
//
|
||||
// for links, labels, buttons (no :link pseudo class)
|
||||
.mx-button-neutral {
|
||||
| 00462921 | Hans P. Schlaepfer | border: @button-neutral-border ;
|
||
background-color: @button-neutral-bg;
|
||||
color: @button-neutral-color;
|
||||
| b6b30e72 | Hans Peter Schlaepfer | }
|
||
// for hover, focus, active pseudo classes
|
||||
.mx-button-neutral-hover-focus {
|
||||
&:hover{
|
||||
| 00462921 | Hans P. Schlaepfer | border: @button-neutral-hover-border ;
|
||
background-color: @button-neutral-hover-bg;
|
||||
color: @button-neutral-hover-color;
|
||||
text-decoration: none;
|
||||
| b6b30e72 | Hans Peter Schlaepfer | }
|
||
&:active,
|
||||
&:focus{
|
||||
| 00462921 | Hans P. Schlaepfer | border: @button-neutral-active-border ;
|
||
background-color: @button-neutral-active-bg;
|
||||
color: @button-neutral-active-color;
|
||||
| b6b30e72 | Hans Peter Schlaepfer | text-decoration: none;
|
||
}
|
||||
}
|
||||