Revision 3fc38171
Von Andreas Rudin vor etwa 6 Jahren hinzugefügt
| css/less/mixins.less | ||
|---|---|---|
| 11 | 11 |
// CONTENTS: |
| 12 | 12 |
// - H3 & CAPTION |
| 13 | 13 |
// - CONTENT-BLOCKS (Content-Boxes) |
| 14 |
// - -
|
|
| 15 |
// -
|
|
| 16 |
// -
|
|
| 17 |
// -
|
|
| 18 |
//
|
|
| 14 |
// - - |
|
| 15 |
// - |
|
| 16 |
// - |
|
| 17 |
// - |
|
| 18 |
// |
|
| 19 | 19 |
// ---------------------------------------------------------------------------- |
| 20 | 20 |
|
| 21 | 21 |
|
| 22 | 22 |
|
| 23 |
|
|
| 24 | 23 |
// -------------- |
| 25 | 24 |
// H3 |
| 26 | 25 |
// |
| 27 |
|
|
| 28 | 26 |
// Mixin, no class to apply in selectors |
| 29 | 27 |
// see H3 in main.less |
| 30 | 28 |
// see also Caption in tables.less |
| 31 | 29 |
.mx-h3-caption {
|
| 32 |
text-align: left;
|
|
| 33 |
font-size : @font-size-h3 ;
|
|
| 34 |
font-style: normal;
|
|
| 35 |
font-weight: bold;
|
|
| 36 |
padding: 0.2em 0 0.2em 0.4em;
|
|
| 37 |
color: #666 !important ;
|
|
| 38 |
margin: 0;
|
|
| 30 |
font-size : @table-caption-size ;
|
|
| 31 |
font-style: @h3-style;
|
|
| 32 |
font-weight: @h3-weight;
|
|
| 33 |
color: @table-caption-color !important ;
|
|
| 34 |
padding: 0.2em 0 0.2em 0.2em;
|
|
| 35 |
margin: 0;
|
|
| 36 |
text-align: left;
|
|
| 39 | 37 |
} |
| 40 | 38 |
|
| 41 | 39 |
// ------------------- |
| 42 | 40 |
// Content-BLOCKS (Content-Boxes) |
| 43 |
// |
|
| 44 |
|
|
| 41 |
// |
|
| 45 | 42 |
.mx-contentbox-properties {
|
| 46 |
margin: @contentbox-margin ;
|
|
| 43 |
margin: @contentbox-margin ; |
|
| 47 | 44 |
padding: @contentbox-padding; |
| 48 | 45 |
} |
| 49 | 46 |
|
| ... | ... | |
| 51 | 48 |
// -------------------------------------- |
| 52 | 49 |
// Tables |
| 53 | 50 |
// -------------------------------------- |
| 54 |
|
|
| 55 | 51 |
.mx-thead-th {
|
| 56 |
color: @t-cell-head-text ; |
|
| 57 |
text-align: left ; |
|
| 58 |
vertical-align: middle ; |
|
| 52 |
color: @t-cell-head-text ; |
|
| 53 |
background-color: @brand-strong ; |
|
| 54 |
border-top: 1px solid @table-border-color; |
|
| 55 |
border-bottom: 1px solid @table-border-color; |
|
| 56 |
text-align: left ; |
|
| 57 |
vertical-align: middle ; |
|
| 59 | 58 |
} |
| 60 | 59 |
// -------------------------------------- |
| 61 | 60 |
// Buttons |
| 62 | 61 |
// -------------------------------------- |
| 63 |
|
|
| 64 | 62 |
.mx-button {
|
| 65 |
display: inline-block ; |
|
| 66 |
width: auto ; |
|
| 67 |
text-align: center; |
|
| 68 |
border-style: solid; |
|
| 69 |
border-width: 1px; |
|
| 63 |
display: inline-block ; |
|
| 64 |
cursor: auto ; |
|
| 65 |
width: auto ; |
|
| 66 |
padding: 0.2em 0.6em; |
|
| 67 |
font-size: @font-size-smaller ; |
|
| 68 |
font-weight: normal; |
|
| 69 |
font-style: normal; |
|
| 70 |
text-align: center; |
|
| 71 |
border-style: solid; |
|
| 72 |
border-width: 1px; |
|
| 70 | 73 |
border-radius: 3px; |
| 71 |
padding: 0.2em 0.6em; |
|
| 72 |
margin: 0.4em 0.4em 0.8em 0 ; |
|
| 73 |
font-size: @font-size-smaller ; |
|
| 74 |
font-weight: normal; |
|
| 75 |
font-style: normal; |
|
| 76 | 74 |
} |
| 77 |
|
|
| 78 |
|
|
| 79 |
|
|
| 75 |
// ------------------- |
|
| 76 |
// STRONG |
|
| 77 |
// |
|
| 78 |
// for links, labels, buttons (no :link pseudo class) |
|
| 79 |
.mx-button-standard{
|
|
| 80 |
border-color: @btn-default-color ; |
|
| 81 |
background-color: @btn-default-bg ; |
|
| 82 |
color: @btn-default-color ; |
|
| 83 |
text-decoration: none; |
|
| 84 |
} |
|
| 85 |
// for hover, focus, active pseudo classes |
|
| 86 |
.mx-button-standard-hover-focus{
|
|
| 87 |
&:hover{
|
|
| 88 |
border-color: @btn-default-hover-border ; |
|
| 89 |
background-color: @btn-default-hover-bg; |
|
| 90 |
color: @btn-default-hover-color; |
|
| 91 |
text-decoration: none; |
|
| 92 |
} |
|
| 93 |
&:active, |
|
| 94 |
&:focus{
|
|
| 95 |
border-color: @btn-default-active-border ; |
|
| 96 |
background-color: @btn-default-active-bg; |
|
| 97 |
color: @btn-default-active-color; |
|
| 98 |
text-decoration: none; |
|
| 99 |
} |
|
| 100 |
} |
|
| 101 |
// ------------------- |
|
| 102 |
// NEUTRAL |
|
| 103 |
// |
|
| 104 |
// for links, labels, buttons (no :link pseudo class) |
|
| 105 |
.mx-button-neutral {
|
|
| 106 |
border-color: @btn-neutral-border ; |
|
| 107 |
background-color: @btn-neutral-bg; |
|
| 108 |
color: @btn-neutral-color; |
|
| 109 |
} |
|
| 110 |
// for hover, focus, active pseudo classes |
|
| 111 |
.mx-button-neutral-hover-focus {
|
|
| 112 |
&: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; |
|
| 117 |
} |
|
| 118 |
&:active, |
|
| 119 |
&:focus{
|
|
| 120 |
border-color: @btn-neutral-active-border ; |
|
| 121 |
background-color: @btn-neutral-active-bg; |
|
| 122 |
color: @btn-neutral-active-color; |
|
| 123 |
text-decoration: none; |
|
| 124 |
} |
|
| 125 |
} |
|
| 80 | 126 |
|
| 81 | 127 |
|
| 82 | 128 |
|
Auch abrufbar als: Unified diff
HP Aenderungen bis Oktober 2018