Revision cd670dfa
Von Hans Peter Schlaepfer vor etwa 5 Jahren hinzugefügt
- ID cd670dfafdb3560614634765e2a377946ff1809b
- Vorgänger ff33b093
| css/less/mixins.less | ||
|---|---|---|
| 1 |
/* ------------------------------------------------------------- */ |
|
| 2 |
/* MIXINS (mixins.less) */ |
|
| 3 |
/* ------------------------------------------------------------- */ |
|
| 4 |
|
|
| 1 | 5 |
// ---------------------------------------------------------------------------- |
| 2 | 6 |
// |
| 3 | 7 |
// MIXINS (general sitewide properties) |
| ... | ... | |
| 28 | 32 |
// see also Caption in tables.less |
| 29 | 33 |
.mx-h3-caption {
|
| 30 | 34 |
font-size : @table-caption-size ; |
| 31 |
font-style: @h3-style; |
|
| 35 |
//font-style: @h3-style;
|
|
| 32 | 36 |
font-weight: @h3-weight; |
| 33 | 37 |
color: @table-caption-color !important ; |
| 34 | 38 |
padding: 0.2em 0 0.2em 0.2em; |
| 35 |
margin: 0; |
|
| 39 |
margin: 0.1em 0 0.4em 0 ; |
|
| 40 |
//margin: 0; |
|
| 36 | 41 |
text-align: left; |
| 37 | 42 |
} |
| 38 | 43 |
|
| ... | ... | |
| 50 | 55 |
// -------------------------------------- |
| 51 | 56 |
.mx-thead-th {
|
| 52 | 57 |
color: @t-cell-head-text ; |
| 53 |
background-color: @brand-strong ;
|
|
| 58 |
background-color: @t-cell-head-bg ;
|
|
| 54 | 59 |
border-top: 1px solid @table-border-color; |
| 55 | 60 |
border-bottom: 1px solid @table-border-color; |
| 56 | 61 |
text-align: left ; |
| ... | ... | |
| 61 | 66 |
// -------------------------------------- |
| 62 | 67 |
.mx-button {
|
| 63 | 68 |
display: inline-block ; |
| 64 |
cursor: auto ;
|
|
| 69 |
cursor: pointer ;
|
|
| 65 | 70 |
width: auto ; |
| 66 | 71 |
padding: 0.2em 0.6em; |
| 67 | 72 |
font-size: @font-size-smaller ; |
| ... | ... | |
| 70 | 75 |
text-align: center; |
| 71 | 76 |
border-style: solid; |
| 72 | 77 |
border-width: 1px; |
| 73 |
border-radius: 3px;
|
|
| 78 |
border-radius: @button-border-radius;
|
|
| 74 | 79 |
} |
| 75 | 80 |
// ------------------- |
| 76 | 81 |
// STRONG |
| 77 | 82 |
// |
| 78 | 83 |
// for links, labels, buttons (no :link pseudo class) |
| 79 | 84 |
.mx-button-standard{
|
| 80 |
border-color: @btn-default-color ;
|
|
| 81 |
background-color: @btn-default-bg ;
|
|
| 82 |
color: @btn-default-color ;
|
|
| 85 |
border: @button-strong-border ;
|
|
| 86 |
background-color: @button-strong-bg ;
|
|
| 87 |
color: @button-strong-color ;
|
|
| 83 | 88 |
text-decoration: none; |
| 84 | 89 |
} |
| 85 | 90 |
// for hover, focus, active pseudo classes |
| 86 | 91 |
.mx-button-standard-hover-focus{
|
| 87 | 92 |
&:hover{
|
| 88 |
border-color: @btn-default-hover-border ;
|
|
| 89 |
background-color: @btn-default-hover-bg;
|
|
| 90 |
color: @btn-default-hover-color;
|
|
| 93 |
border: @button-strong-hover-border ;
|
|
| 94 |
background-color: @button-strong-hover-bg;
|
|
| 95 |
color: @button-strong-hover-color;
|
|
| 91 | 96 |
text-decoration: none; |
| 92 | 97 |
} |
| 93 | 98 |
&:active, |
| 94 | 99 |
&:focus{
|
| 95 |
border-color: @btn-default-active-border ;
|
|
| 96 |
background-color: @btn-default-active-bg;
|
|
| 97 |
color: @btn-default-active-color;
|
|
| 100 |
border : @button-strong-active-border ;
|
|
| 101 |
background-color: @button-strong-active-bg;
|
|
| 102 |
color: @button-strong-active-color;
|
|
| 98 | 103 |
text-decoration: none; |
| 99 | 104 |
} |
| 100 | 105 |
} |
| ... | ... | |
| 103 | 108 |
// |
| 104 | 109 |
// for links, labels, buttons (no :link pseudo class) |
| 105 | 110 |
.mx-button-neutral {
|
| 106 |
border-color: @btn-neutral-border ;
|
|
| 107 |
background-color: @btn-neutral-bg;
|
|
| 108 |
color: @btn-neutral-color;
|
|
| 111 |
border: @button-neutral-border ;
|
|
| 112 |
background-color: @button-neutral-bg;
|
|
| 113 |
color: @button-neutral-color;
|
|
| 109 | 114 |
} |
| 110 | 115 |
// for hover, focus, active pseudo classes |
| 111 | 116 |
.mx-button-neutral-hover-focus {
|
| 112 | 117 |
&:hover{
|
| 113 |
border-color: @btn-neutral-hover-border ;
|
|
| 114 |
background-color: @btn-neutral-hover-bg;
|
|
| 115 |
color: @btn-neutral-hover-color;
|
|
| 116 |
text-decoration: none; |
|
| 118 |
border: @button-neutral-hover-border ;
|
|
| 119 |
background-color: @button-neutral-hover-bg;
|
|
| 120 |
color: @button-neutral-hover-color;
|
|
| 121 |
text-decoration: none;
|
|
| 117 | 122 |
} |
| 118 | 123 |
&:active, |
| 119 | 124 |
&:focus{
|
| 120 |
border-color: @btn-neutral-active-border ;
|
|
| 121 |
background-color: @btn-neutral-active-bg;
|
|
| 122 |
color: @btn-neutral-active-color;
|
|
| 125 |
border: @button-neutral-active-border ;
|
|
| 126 |
background-color: @button-neutral-active-bg;
|
|
| 127 |
color: @button-neutral-active-color;
|
|
| 123 | 128 |
text-decoration: none; |
| 124 | 129 |
} |
| 125 | 130 |
} |
Auch abrufbar als: Unified diff
Erweiterung und Optimierung less und css fuer Design 4.0