2 .roo-navigation-bar-group,
3 .roo-navigation-top-bar,
4 .roo-navigation-bullets-bar,
5 .roo-navigation-bottom-bar {
10 .roo-navigation-bar-text > span {
11 text-transform: uppercase;
13 display: inline-block;
17 .roo-navigation-bar-text {
34 .roo-navigation-bar .roo-navigation-bar-item {
35 list-style-type: none;
37 text-transform: uppercase;
43 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
44 counter-increment: step;
49 background: $brand-primary;
55 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
56 content: counter(step);
59 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
63 background: $brand-primary;
69 .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
73 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
74 background: darken($brand-danger, 17%);
78 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
79 background: $gray-light;
84 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
88 .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
89 font: normal normal normal 14px/1 FontAwesome;
90 display: inline-block;
94 @media (min-width: 768px) {
95 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
96 content: counter(step);
101 @media (min-width: 992px) {
102 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
103 .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
104 content: counter(step);
108 @media (min-width: 1200px) {
109 .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
110 .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
111 .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
112 content: counter(step);