Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Patrick H. Lauke's avatar
    Basic keyboard accessibility CSS tweaks · 848ca6e3
    Patrick H. Lauke authored 
    Mostly doubling-up :hover styles to also cover :focus, as a first step
to making the framework more keyboard-friendly.
Additionally, fixed two small markup issues in the docs/examples to
make the "Learn more" large primary button-styled links
keyboard-focusable (as without href they're treated as non-tabable
anchors).
    848ca6e3
variables.less 2.29 KiB
1 
// Variables.less
2 
// Variables to customize the look and feel of Bootstrap
3 
// -----------------------------------------------------
4
5
6
7 
// GLOBAL VALUES
8 
// --------------------------------------------------
9
10 
// Links
11 
@linkColor:             #08c;
12 
@linkColorHover:        darken(@linkColor, 15%);
13
14 
// Grays
15 
@black:                 #000;
16 
@grayDarker:            #222;
17 
@grayDark:              #333;
18 
@gray:                  #555;
19 
@grayLight:             #999;
20 
@grayLighter:           #eee;
21 
@white:                 #fff;
22
23 
// Accent colors
24 
@blue:                  #049cdb;
25 
@blueDark:              #0064cd;
26 
@green:                 #46a546;
27 
@red:                   #9d261d;
28 
@yellow:                #ffc40d;
29 
@orange:                #f89406;
30 
@pink:                  #c3325f;
31 
@purple:                #7a43b6;
32
33 
// Grid system
34 
// Modify the grid styles in mixins.less
35 
@gridColumns:           12;
36 
@gridColumnWidth:       60px;
37 
@gridGutterWidth:       20px;
38 
@siteWidth:             (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
39 
// Fluid width sidebar
40 
@fluidSidebarWidth:     220px;
41
42 
// Typography
43 
@baseFontSize:          13px;
44 
@baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
45 
@baseLineHeight:        18px;
46
47 
// Buttons
48 
@primaryButtonBackground:    @linkColor;
49
50
51
52 
// COMPONENT VARIABLES
53 
// --------------------------------------------------
54
55 
// Z-index master list
56 
// Used for a bird's eye view of components dependent on the z-axis
57 
// Try to avoid customizing these :)
58 
@zindexDropdown:        1000;
59 
@zindexPopover:         1010;
60 
@zindexTooltip:         1020;
61 
@zindexFixedNavbar:     1030;
62 
@zindexModalBackdrop:   1040;
63 
@zindexModal:           1050;
64
65 
// Input placeholder text color
66 
@placeholderText:       @grayLight;
67
68 
// Navbar
69 
@navbarHeight:                    40px;
70 
@navbarBackground:                @grayDarker;
717273747576777879808182838485868788899091
@navbarBackgroundHighlight: @grayDark; // Form states and alerts @warningText: #c09853; @warningBackground: #fcf8e3; @warningBorder: #f3edd2; @errorText: #b94a48; @errorBackground: #f2dede; @errorBorder: #e9c7c7; @successText: #468847; @successBackground: #dff0d8; @successBorder: #cfe8c4; @infoText: #3a87ad; @infoBackground: #d9edf7; @infoBorder: #bfe1f2;