cloudstack/ui/stylesheets/csui/_breadcrumbs.scss

56 lines
1.4 KiB
SCSS

// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied. See the License for the
// specific language governing permissions and limitations
// under the License.
// Individual breadcrumb
@mixin csui-breadcrumb {
color: #237AD7;
font-size: 12px;
list-style: none;
float: left;
cursor: pointer;
&:after {
content: ">";
color: #ccc;
margin-right: 10px;
margin-left: 10px;
}
&.active, &:hover {
color: darken(#ccc, 30%);
&:after:not(:hover) {
content: "";
}
}
}
// Breadcrumb row
@mixin csui-breadcrumbs {
box-shadow: 0px 3px 5px #ccc;
ul {
@include row;
padding-top: 0px;
padding-bottom: 10px;
li {
@include csui-breadcrumb;
}
}
}