main.scss 3.26 KB
Newer Older
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
1
@import "bootstrap";
randx's avatar
randx committed
2
@import "bootstrap-responsive";
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
3 4 5 6

/** GITLAB colors **/
$text_color:#222;
$lite_text_color: #666; 
7
$link_color:#2A79A3; 
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
8 9 10 11 12
$active_link_color:#2FA0BB;
$active_bg_color:#79C3E0;
$active_bd_color: #2FA0BB;
$border_color:#CCC;
$lite_border_color:#EEE;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
13 14
$min_app_width:980px;
$max_app_width:980px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
15 16 17 18
$app_padding:20px;
$bg_color: #FFF;
$styled_border_color: #2FA0BB;
$color: "#4BB8D2";
19
$blue_link: #2fa0bb;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
20

21 22 23 24 25 26

/** Style colors **/
$style_color: #474D57;
$hover: #FDF5D9;


Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
27
/** MIXINS **/
28 29 30 31 32 33
@mixin shade {
  -moz-box-shadow: 0 0 3px #ddd;
  -webkit-box-shadow: 0 0 3px #ddd;
  box-shadow: 0 0 3px #ddd;
}

34 35 36 37 38
@mixin border-radius($radius) {
  -moz-border-radius: $radius;
  -webkit-border-radius: $radius;
  border-radius: $radius;
}
39

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
@mixin round-borders-bottom($radius) {
  border-top: 1px solid #eaeaea;
  -moz-border-radius-bottomright: $radius;
  -moz-border-radius-bottomleft: $radius;
  border-bottom-right-radius: $radius;
  border-bottom-left-radius: $radius;
  -webkit-border-bottom-left-radius: $radius;
  -webkit-border-bottom-right-radius: $radius;
}

@mixin round-borders-top($radius) {
  border-top: 1px solid #eaeaea;
  -moz-border-radius-topright: $radius;
  -moz-border-radius-topleft: $radius;
  border-top-right-radius: $radius;
  border-top-left-radius: $radius;
  -webkit-border-top-left-radius: $radius;
  -webkit-border-top-right-radius: $radius;
}

@mixin round-borders-all($radius) {
  border: 1px solid #eaeaea;
  -moz-border-radius: $radius;
  -webkit-border-radius: $radius;
  border-radius: $radius;
}

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
67 68 69 70 71 72 73 74 75 76 77 78 79 80


/**
 * Header of application. 
 * Contain application logo, search panel, profile icon
 */
@import "header.scss";

/**
 * Navigation menu of application. 
 * Panel with links to pages depends on project, profile or admin area
 */
@import "nav.scss";

81 82 83 84 85
/**
 * This file represent some UI that can be changed 
 * during web app restyle or theme select. 
 * 
 * Next items should be placed there
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
86 87 88
 * - link, button colors
 * - header restyles
 * - main menu restyles
89 90
 *
 */
91
@import "themes/ui_basic.scss";
92

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
93 94 95
/**
 * UI mars theme
 */
96 97 98 99 100 101
@import "themes/ui_mars.scss";

/**
 * UI Modern theme
 */
@import "themes/ui_modern.scss";
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
102

randx's avatar
randx committed
103 104 105 106 107 108 109 110
/**
 * Gitlab bootstrap.
 * Overrides some styles of twitter bootstrap.
 * Also give some common classes for gitlab app
 */
@import "gitlab_bootstrap.scss";


111 112 113 114 115 116 117
/**
 * Most of application styles placed here.
 * This file represent common UI that should not be changed between themes
 * or project restyling like form width or user avatar class or commit title
 * 
 * TODO: clean it
 */
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
118 119
@import "common.scss";

120
/**
Arthur Schreiber's avatar
Arthur Schreiber committed
121 122 123 124
 * Styles related to displaying commits
 */
@import "sections/commits.scss";

125 126 127 128 129
/**
 * Styles related to displaying issues
 */
@import "sections/issues.scss";

130 131 132 133 134
/**
 * Styles related to projects
 */
@import "sections/projects.scss";

Arthur Schreiber's avatar
Arthur Schreiber committed
135 136
/**
 * This scss file redefine chozen selectbox styles for
137 138 139 140 141 142 143
 * project Branch/Tag select element
 */
@import "ref_select.scss";

/**
 * Code (files list) styles. Browsing project files there 
 */
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
144 145
@import "tree.scss";

146 147 148 149
/**
 * This file represent notes(comments) styles 
 */
@import "notes.scss";
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
150

151 152 153 154
/**
 * Devise styles 
 */
@import "login.scss";
vsizov's avatar
vsizov committed
155

156 157 158 159 160
/**
 * CODE HIGHTLIGHT BASE
 *
 */
@import "highlight.scss";
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
161

162 163 164 165 166
/**
 * CODE HIGHTLIGHT DARK schema
 *
 */
@import "highlight.black.scss";
167 168 169 170 171 172

/**
 * JQUERY UI ext
 *
 */
@import "jquery_ui.scss";