drupal/core/themes/claro/css/components/breadcrumb.css

94 lines
2.6 KiB
CSS

/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* @file
* Breadcrumbs.
*/
:root {
/*
* Color Palette.
*/
/* Secondary. */
/* Variations. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 10% darker than base. */ /* 20% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */ /* 5% darker than base. */ /* 10% darker than base. */
/*
* Base.
*/
/*
* Typography.
*/ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~32px */ /* ~29px */ /* ~26px */ /* ~23px */ /* ~20px */ /* 18px */ /* ~14px */ /* ~13px */ /* ~11px */
/**
* Spaces.
*/ /* 3 * 16px = 48px */ /* 1.5 * 16px = 24px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */
/*
* Common.
*/
/*
* Inputs.
*/ /* Absolute zero with opacity. */ /* Davy's gray with 0.6 opacity. */ /* Light gray with 0.3 opacity on white bg. */ /* Old silver with 0.5 opacity on white bg. */ /* (1/8)em ~ 2px */ /* (1/16)em ~ 1px */ /* Font size is too big to use 1rem for extrasmall line-height */ /* 7px inside the form element label. */ /* 8px with the checkbox width of 19px */
/*
* Details.
*/
/**
* Buttons.
*/
/**
* jQuery.UI dropdown.
*/ /* Light gray with 0.8 opacity. */ /* Text color with 0.1 opacity. */
/**
* jQuery.UI dialog.
*/
/**
* Progress bar.
*/
/**
* Tabledrag icon size.
*/ /* 17px */
/**
* Ajax progress.
*/
/**
* Breadcrumb.
*/
}
.breadcrumb {
padding: 0;
color: #222330;
font-size: 0.79rem;
}
.breadcrumb__list,
[dir="rtl"] .breadcrumb__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.breadcrumb__item,
.breadcrumb__link {
display: inline;
text-decoration: none;
color: #222330;
font-weight: bold;
}
.breadcrumb__item + .breadcrumb__item::before {
padding: 0 0.75rem;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 8' height='8' width='5'%3E%3Cpath d='M1.2070312,0.64696878 0.5,1.354 3.1464844,4.0004844 0.5,6.6469688 1.2070312,7.354 4.5605468,4.0004844Z' fill='%23545560'/%3E%3C/svg%3E");
}
[dir="rtl"] .breadcrumb__item + .breadcrumb__item::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8'%3E%3Cpath d='M3.7929688,0.64696878 4.5,1.354 1.8535156,4.0004844 4.5,6.6469688 3.7929688,7.354 0.4394532,4.0004844Z' fill='%23545560'/%3E%3C/svg%3E");
}
.breadcrumb__link:hover,
.breadcrumb__link:focus {
text-decoration: none;
}