source: publico/PortalInterlegis/design/bootstrap/less/variables.less @ 6134

Última Alteração nesse arquivo desde 6134 foi 6134, incluída por mazza, 8 anos atrás

correcao: retorno para largura fixa, 16 colunas em 940px

File size: 5.6 KB
Linha 
1// Variables.less
2// Variables to customize the look and feel of Bootstrap
3// Swatch: Spacelab
4// Version: 2.0.2
5// -----------------------------------------------------
6
7
8
9// GLOBAL VALUES
10// --------------------------------------------------
11
12
13// Grays
14// -------------------------
15@black:                 #000;
16@grayDarker:            #222;
17@grayDark:              #333;
18@gray:                  #555;
19@grayLight:             #999;
20@grayLighter:           #F5F5F5;
21@white:                 #fff;
22
23
24// Accent colors
25// -------------------------
26@blue:                  #4183C4;
27@blueDark:              #405A6A;
28@green:                 #84DE81;
29@red:                   #E5322C;
30@yellow:                #F4CA00;
31@orange:                #FF7D00;
32@pink:                  #F44B8C;
33@purple:                #405A6A;
34
35
36// Scaffolding
37// -------------------------
38@bodyBackground:        @white;
39@textColor:             @grayDark;
40
41
42// Links
43// -------------------------
44@linkColor:             #4183C4;
45@linkColorHover:        @linkColor;
46
47
48// Typography
49// -------------------------
50@baseFontSize:          13px;
51@baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
52@baseLineHeight:        18px;
53@altFontFamily:         Georgia, "Times New Roman", Times, serif;
54
55@headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
56@headingsFontWeight:    bold;    // instead of browser default, bold
57@headingsColor:         inherit; // empty to use BS default, @textColor
58
59
60// Tables
61// -------------------------
62@tableBackground:                   transparent; // overall background-color
63@tableBackgroundAccent:             #f9f9f9; // for striping
64@tableBackgroundHover:              #f5f5f5; // for hover
65@tableBorder:                       #ddd; // table and cell border
66
67
68// Buttons
69// -------------------------
70@btnBackground:                     @white;
71@btnBackgroundHighlight:            darken(@white, 10%);
72@btnBorder:                         darken(@white, 20%);
73
74@btnPrimaryBackground:              @linkColor;
75@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, 15%);
76
77@btnInfoBackground:                 #5bc0de;
78@btnInfoBackgroundHighlight:        #2f96b4;
79
80@btnSuccessBackground:              #62c462;
81@btnSuccessBackgroundHighlight:     #51a351;
82
83@btnWarningBackground:              lighten(@orange, 15%);
84@btnWarningBackgroundHighlight:     @orange;
85
86@btnDangerBackground:               #ee5f5b;
87@btnDangerBackgroundHighlight:      #bd362f;
88
89@btnInverseBackground:              @gray;
90@btnInverseBackgroundHighlight:     @grayDarker;
91
92
93// Forms
94// -------------------------
95@inputBackground:               @white;
96@inputBorder:                   #ccc;
97@inputDisabledBackground:       @grayLighter;
98
99
100// Dropdowns
101// -------------------------
102@dropdownBackground:            @white;
103@dropdownBorder:                rgba(0,0,0,.2);
104@dropdownLinkColor:             @grayDark;
105@dropdownLinkColorHover:        @white;
106@dropdownLinkBackgroundHover:   @linkColor;
107
108
109
110
111// COMPONENT VARIABLES
112// --------------------------------------------------
113
114// Z-index master list
115// -------------------------
116// Used for a bird's eye view of components dependent on the z-axis
117// Try to avoid customizing these :)
118@zindexDropdown:          1000;
119@zindexPopover:           1010;
120@zindexTooltip:           1020;
121@zindexFixedNavbar:       1030;
122@zindexModalBackdrop:     1040;
123@zindexModal:             1050;
124
125
126// Sprite icons path
127// -------------------------
128@iconSpritePath:          "../img/glyphicons-halflings.png";
129@iconWhiteSpritePath:     "../img/glyphicons-halflings-white.png";
130
131
132// Input placeholder text color
133// -------------------------
134@placeholderText:         @grayLight;
135
136
137// Hr border color
138// -------------------------
139@hrBorder:                @grayLighter;
140
141
142// Navbar
143// -------------------------
144@navbarHeight:                    40px;
145@navbarBackground:                #EAEAEA;
146@navbarBackgroundHighlight:       lighten(@navbarBackground, 15%);
147
148@navbarText:                      @grayDarker;
149@navbarLinkColor:                 @grayDarker;
150@navbarLinkColorHover:            @linkColor;
151@navbarLinkColorActive:           @navbarLinkColorHover;
152@navbarLinkBackgroundHover:       transparent;
153@navbarLinkBackgroundActive:      @navbarBackground;
154
155@navbarSearchBackground:          lighten(@navbarBackground, 25%);
156@navbarSearchBackgroundFocus:     @white;
157@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
158@navbarSearchPlaceholderColor:    #ccc;
159
160
161// Hero unit
162// -------------------------
163@heroUnitBackground:              @grayLighter;
164@heroUnitHeadingColor:            inherit;
165@heroUnitLeadColor:               inherit;
166
167
168// Form states and alerts
169// -------------------------
170@warningText:             #393939;
171@warningBackground:       #F5F3B4;
172@warningBorder:           darken(spin(@warningBackground, -10), 3%);
173
174@errorText:               @warningText;
175@errorBackground:         #FFE9E9;
176@errorBorder:             darken(spin(@errorBackground, -10), 3%);
177
178@successText:             #333;
179@successBackground:       #BEDEBE;
180@successBorder:           darken(spin(@successBackground, -10), 5%);
181
182@infoText:                #1B3650;
183@infoBackground:          #E4F0FF;
184@infoBorder:              darken(spin(@infoBackground, -10), 7%);
185
186
187
188
189// GRID
190// --------------------------------------------------
191
192// Default 940px grid
193// -------------------------
194@gridColumns:             16;
195@gridColumnWidth:         40px;
196@gridGutterWidth:         20px;
197@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
198
199
200// Fluid grid
201// -------------------------
202@fluidGridColumnWidth:    6.382978723%;
203@fluidGridGutterWidth:    2.127659574%;
Note: Veja TracBrowser para ajuda no uso do navegador do trac.
 

The contents and data of this website are published under license:
Creative Commons 4.0 Brasil - Atribuir Fonte - Compartilhar Igual.