Revert "[TASK] Migrate to ExtJS 4: Migrate Backend Base Components"
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / extjs / themes / stylesheets / ext4 / default / variables / _grid.scss
1 // ===============================
2 // ========= GRID BASE ===========
3 // ===============================
4 $grid-base-color: $base-color !default;
5
6 // ===============================
7 // ========= GRID HEADER =========
8 // ===============================
9 $grid-header-background-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: -16.078%) !default;
10 $grid-header-background-gradient: 'grid-header' !default;
11 $grid-header-border-color: $neutral-color !default;
12 $grid-header-over-border-color: adjust-color(#C0D4ED, $hue: -0.175deg, $saturation: 25.296%, $lightness: -2.549%) !default;
13 $grid-header-over-background-color: $grid-header-over-border-color !default;
14 $grid-header-over-background-gradient: 'grid-header-over' !default;
15 $grid-header-background-color: $grid-base-color !default;
16 $grid-header-padding: 0px 6px !default;
17 $grid-header-trigger-height: 22px !default;
18 $grid-header-trigger-width: 14px !default;
19 $grid-header-color: null !default;
20
21 // ===============================
22 // ========= GRID ROWS ===========
23 // ===============================
24 $grid-row-cell-color: null !default;
25 $grid-row-cell-font: normal ceil($font-size * .9) $font-family !default;
26 $grid-row-padding: 0 1px !default;
27
28 //row wrap
29 $grid-row-wrap-border-color: #ededed !default;
30 $grid-row-wrap-border-width: 1px 0 !default;
31 $grid-row-wrap-border-style: solid !default;
32
33 //row body
34 $grid-row-body-font: normal 11px/13px $font-family !default;
35 $grid-row-body-padding: 4px !default;
36
37 //row cell
38 $grid-row-cell-background: #fff !default;
39 $grid-row-cell-border-color: $grid-row-wrap-border-color !default;
40 $grid-row-cell-border-style: solid !default;
41 $grid-row-cell-border-width: 1px 0 !default;
42
43 //row cell alt
44 $grid-row-cell-alt-background: darken($grid-row-cell-background, 2) !default;
45
46 //row cell over
47 $grid-row-cell-over-border-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: -6.667%) !default;
48 $grid-row-cell-over-background-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: 0.392%) !default;
49 $grid-row-cell-over-background-gradient: 'grid-row-over' !default;
50
51 //row cell selected
52 $grid-row-cell-selected-border-style: dotted !default;
53 $grid-row-cell-selected-border-color: adjust-color($base-color, $hue: 6.952deg, $saturation: 5.848%, $lightness: -6.471%) !default;
54 $grid-row-cell-selected-background-color: adjust-color($base-color, $hue: 3.188deg, $saturation: 0.542%, $lightness: 7.843%) !default;
55
56 //row cell focus
57 $grid-row-cell-focus-border-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: -6.667%) !default;
58 $grid-row-cell-focus-background-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: 0.392%) !default;
59 $grid-row-cell-focus-background-gradient: 'grid-row-over' !default;
60
61 //standard cells
62 $grid-cell-font: normal 13px $font-family !default;
63 $grid-cell-inner-padding: 3px 6px !default;
64
65 //special cell
66 $grid-cell-special-over-background-color: adjust-color($base-color, $hue: -0.476deg, $saturation: 25.214%, $lightness: 5.686%) !default;
67
68 //cell with col lines
69 $grid-cell-with-col-lines-border-color: adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: -2.549%) !default;
70
71 // ===============================
72 // ======== GROUPED GRID =========
73 // ===============================
74 $grid-grouped-header-background-color: #fff;
75 $grid-grouped-header-border-width: 0 0 2px 0;
76 $grid-grouped-header-border-style: solid;
77 $grid-grouped-header-border-color: adjust-color($base-color, $hue: 0.844deg, $saturation: 7.644%, $lightness: -8.627%);
78 $grid-grouped-header-padding: 6px 0 0 0;
79
80 $grid-grouped-title-color: adjust-color($base-color, $hue: 0.952deg, $saturation: -6.718%, $lightness: -41.961%);
81 $grid-grouped-title-font: bold ceil($font-size * .9) $font-family;
82 $grid-grouped-title-padding: 4px 4px 4px 17px;
83
84 // ===============================
85 // ========= ROW EDITOR ==========
86 // ===============================
87 $grid-row-editor-background-color: adjust-color($base-color, $hue: 1deg, $saturation: 11%, $lightness: 11%) !default;
88 $grid-row-editor-border-color: $panel-border-color !default;
89 $grid-row-editor-border-width: 1px !default;
90 $grid-row-editor-border: $grid-row-editor-border-width solid $grid-row-editor-border-color !important;
91 $grid-row-editor-font: $grid-row-cell-font !important;