Last active
December 24, 2015 23:39
-
-
Save sponomarev/6882341 to your computer and use it in GitHub Desktop.
active_admin bootstrap-like theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$primary-color: #1B1B1B; | |
$text-color: #333; | |
$link-color: #08C; | |
$current-menu-item-background: $primary-color; | |
$hover-menu-item-background: $primary-color; | |
$secondary-gradient-start: #F7F7F9; | |
$secondary-gradient-stop: #F7F7F9; | |
$table-stripe-color: #F9F9F9; | |
$table-selected-color: #F5F5F5; | |
// This vars has problems with overriding. See the monkeypatch below. | |
$page-header-text-color: #999; | |
$breadcrumbs-color: $link-color; | |
$breadcrumbs-separator-color: #CCC; | |
@import "active_admin/mixins"; | |
@mixin gradient($start, $end) { | |
background: $start; | |
} | |
@mixin primary-gradient { | |
@include gradient($primary-color, $primary-color); | |
border-bottom: 1px solid darken($primary-color, 11%); | |
} | |
@mixin section-header { | |
@include secondary-gradient; | |
border: solid 1px #cdcdcd; | |
@include border-colors(#e6e6e6, #d4d4d4, #cdcdcd); | |
font-size: 1.1em; | |
font-weight: bold; | |
line-height: 18px; | |
margin-bottom: 0.5em; | |
color: $section-header-text-color; | |
@include icon($section-header-text-color, 1.0em); | |
padding: 5px 10px 3px 10px; | |
} | |
@mixin rounded($radius: 3px) { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
@mixin rounded-all($top-left:3px, $top-right:3px, $bottom-right:3px, $bottom-left:3px) { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
@mixin section-background { | |
background: #F7F7F9; | |
border-top-style: solid; | |
border-top-width: 1px; | |
border-color: #E1E1E8; | |
} | |
@import "active_admin/base"; | |
/* Monkey CSS rules patch. Thanx to f....n ActiveAdmin clientside developers. =( */ | |
body.active_admin #header a, body.active_admin #header a:link { | |
color: $page-header-text-color; | |
} | |
body.active_admin .breadcrumb a, body.active_admin .breadcrumb a:link, body.active_admin .breadcrumb a:visited, body.active_admin .breadcrumb a:active { | |
color: $breadcrumbs-color; | |
text-decoration: none; | |
} | |
body.active_admin .breadcrumb .breadcrumb_sep { | |
margin: 0 2px; | |
color: $breadcrumbs-separator-color; | |
} | |
body.active_admin .table_tools_segmented_control li:first-child a { | |
border-top-left-radius: 0px; | |
border-bottom-left-radius: 0px; | |
} | |
body.active_admin .table_tools_segmented_control li:last-child a { | |
border-top-right-radius: 0px; | |
border-bottom-right-radius: 0px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment