Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 432d9f7c

Von Cem Aydin vor fast 4 Jahren hinzugefügt

  • ID 432d9f7cf930b43ba13d9e9056fb08315908fda5
  • Vorgänger 88306880
  • Nachfolger 0ac1d89a

Neues Design Anpassung: #386 Farben Überschriften und Buttons angepasst

Da bei einer Änderung der Brand Farbe oftmals ein unbrauchbarer
Hintergrund-Ton entstand, habe ich diese nun entkoppelt. Dazu:

- brand durchgehend in base umbenannt
- neuen Abschnitt brand eingefügt (css/less/variables_color_style.less)
- diesen für H1 Header und Buttons verwendet
- less/css neu kompiliert

Unterschiede anzeigen:

css/less/main.less
93 93
  z-index:            @zindex-h1; //hps:12
94 94
  top:                60px;
95 95
  width:              100%;
96
  color:              @brand-h1-color ;
97
  background-color:   @brand-h1-bg;
96
  color:              @base-h1-color ;
97
  background-color:   @base-h1-bg;
98 98
  padding:            @h1-padding;
99
  border-top:         @brand-h1-border-top;
99
  border-top:         @base-h1-border-top;
100 100
}
101 101
#content .wrapper h1{
102 102
  color:              @headings-color;
......
104 104
  margin:             @margin-from-wrapper ;
105 105
}
106 106
body > h1{
107
  color:              @brand-h1-color ;
108
  background-color:   @brand-h1-bg ;
107
  color:              @base-h1-color ;
108
  background-color:   @base-h1-bg ;
109 109
  padding:            @h1-padding;
110 110
}
111 111

  
......
372 372
// Labels & Values (SPAN)
373 373
// -----------------------
374 374
span.label{
375
  //color: @brand-data-label-color ;
375
  //color: @base-data-label-color ;
376 376
  font-size: @font-size-smaller ;
377 377
  font-style: normal ;
378 378
  //margin: 0 0.3em 0 0 ; // PENDENT: gehoert nicht hierher
......
398 398
.accent{
399 399
  div.label{
400 400
    float: left ;
401
    //color: @brand-data-label-color ;
401
    //color: @base-data-label-color ;
402 402
    font-size: 80% ;
403 403
    //&.wi-mediumsmall{ width: 13.6em; } // PENDENT!
404 404
    padding-top: 0.8em ;
......
590 590
}
591 591
// Negative Values
592 592
.minus,
593
.plus0 { color:      @brand-negative !important; }
593
.plus0 { color:      @base-negative !important; }
594 594
// Positive Values
595 595
.plus,
596
.plus1 { color:     @brand-positive !important; }
596
.plus1 { color:     @base-positive !important; }
597 597

  
598 598
// unbalanced Ledger
599 599
// PENDENT: wo eingesetzt?
600 600
span.unbalanced_ledger {
601
  background-color: @brand-warning-bg;
601
  background-color: @base-warning-bg;
602 602
}
603 603

  
604 604

  

Auch abrufbar als: Unified diff