@import "bootstrap"; @import "bootstrap-responsive"; /** GITLAB colors **/ $text_color:#222; $lite_text_color: #666; $link_color:#2A79A3; $active_link_color:#2FA0BB; $active_bg_color:#79C3E0; $active_bd_color: #2FA0BB; $border_color:#CCC; $lite_border_color:#EEE; $min_app_width:980px; $max_app_width:980px; $app_padding:20px; $bg_color: #FFF; $styled_border_color: #2FA0BB; $color: "#4BB8D2"; $blue_link: #2fa0bb; /** Style colors **/ $style_color: #474D57; $hover: #FDF5D9; /** MIXINS **/ @mixin shade { -moz-box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 3px #ddd; box-shadow: 0 0 3px #ddd; } @mixin solid_shade { -moz-box-shadow: 0 0 0 3px #eee; -webkit-box-shadow: 0 0 0 3px #eee; box-shadow: 0 0 0 3px #eee; } @mixin border-radius($radius) { -moz-border-radius: $radius; -webkit-border-radius: $radius; border-radius: $radius; } @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; } /** * Header of application. * Contain application logo, search panel, profile icon */ @import "sections/header.scss"; /** * Navigation menu of application. * Panel with links to pages depends on project, profile or admin area */ @import "sections/nav.scss"; /** * This file represent some UI that can be changed * during web app restyle or theme select. * * Next items should be placed there * - link, button colors * - header restyles * - main menu restyles * */ @import "themes/ui_basic.scss"; /** * UI mars theme */ @import "themes/ui_mars.scss"; /** * UI Modern theme */ @import "themes/ui_modern.scss"; /** * Gitlab bootstrap. * Overrides some styles of twitter bootstrap. * Also give some common classes for gitlab app */ @import "gitlab_bootstrap.scss"; /** * 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 */ @import "common.scss"; /** * Styles related to specific part of app */ @import "sections/commits.scss"; @import "sections/issues.scss"; @import "sections/projects.scss"; @import "sections/merge_requests.scss"; @import "sections/graph.scss"; /** * This scss file redefine chozen selectbox styles for * project Branch/Tag select element */ @import "ref_select.scss"; /** * Code (files list) styles. Browsing project files there */ @import "sections/tree.scss"; /** * This file represent notes(comments) styles */ @import "sections/notes.scss"; /** * Devise styles */ @import "sections/login.scss"; /** * CODE HIGHTLIGHT BASE * */ @import "highlight/white.scss"; /** * CODE HIGHTLIGHT DARK schema * */ @import "highlight/dark.scss";