Files
awx/awx/ui/client/legacy-styles/breadcrumbs.less
Leigh Johnson ce61fe4a42 Refactor UI Build System (#3203)
* initial build trial, clean up awx/ui

* fix hardcoded refs to ng-toast, add jshint preloader

* remove browserify test

* update grunt-jshint -> jshint module loader, browser-sync, update dev targets to build-docker-machine & build-docker-cid, fix blocking tasks

* less autoprefixer

* sample build commands

* fix release build

* update README

* karma config stub

* webpack config for karma tests

* karma preview for shane

* fix build-docker-machine target

* karma+webpack test pipeline configuration, stub tests

* fix smart/job status icons classes

* fix jquery + jsyaml shims, fix LESS cascade

* fix angular-codemirror dependency, explicitly import style/mode dependencies

* shim jsonlint

* fix angular-scheduler AMD imports, remove jquuery-ui shim, fix release config

* use closed $.fn.datepicker for system-tracking

* remove packaging/node/

* remove old tests

* shrinkwrap fragile dependency sandcastle, update README, lint

* first pass at fixing rrule shim

* update makefile targets

* update gitignore w/ new flag file

* add saucelabs karma config

* add license controller test

* add examples of service and directive tests

* Makefile flubs

* consolidate clean-ui target, compulsively update flag file location

* dep on CJS/AMD/UMD compatible version of rrule lib, fix example tests/config for demo

* boilerplate karma config for saucelabs (should be abstracted to common config after proven to work)

* update docs

* docs feedback

* update Dockerfile with Node 6.x dep
2016-08-17 16:09:54 -04:00

87 lines
1.9 KiB
Plaintext

/*********************************************
* Copyright (c) 2015 Ansible, Inc.
*
* breadcrumbs.less
*
* custom breadcrumbs
*
* JT-- 7/22/14 -- changed the breadcrumbs to be all white with grey outline
*
*/
@import "./client/src/shared/branding/colors.less";
.ansible-breadcrumb {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 15px 0;
}
.ansible-breadcrumb li {
float: left;
height: 26px;
margin-top: 3px;
margin-bottom: 3px;
}
.ansible-breadcrumb li a {
color: @black;
font-weight: normal;
text-decoration: none;
padding: 3px 8px 3px 16px;
background: @white; /* fallback color */
position: relative;
left: 0;
top: 0;
display: block;
border-style: solid;
border-color: @grey;
border-width: thin;
float: left;
}
.ansible-breadcrumb li:first-child a{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding-left: 11px;
}
.ansible-breadcrumb li.active a {
background: @white;
color: @black;
font-weight: bold;
}
.ansible-breadcrumb li a:after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 13px dashed transparent; /* Go big on the size, and let overflow hide */
border-bottom: 13px dashed transparent;
border-left: 10px solid @white;
position: absolute;
top: 50%;
margin-top: -13px;
left: 100%;
z-index: 2;
}
.ansible-breadcrumb li.active a:after {
border-left: 10px solid @white
}
.ansible-breadcrumb li a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 13px dashed transparent;
border-bottom: 13px dashed transparent;
border-left: 11px solid @grey;
position: absolute;
top: 50%;
margin-top: -13px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
.ansible-breadcrumb li.active a:before {
border-left: 11px solid @grey;
}