design-system-govbr-rnp/dist/components/Breadcrumb/styles.js

## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Nav = exports.Icon = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _reactFontawesome = require("@fortawesome/react-fontawesome");
var _templateObject, _templateObject2;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var Nav = _styledComponents.default.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ol {\n    align-items: baseline;\n    display: flex;\n    list-style: none;\n  }\n\n  a {\n    color: var(--blue-warm-vivid-70);\n    cursor: pointer;\n    font-size: var(--font-size-scale-down-01);\n    font-weight: var(--font-weight-medium);\n    max-width: 180px;\n    overflow: hidden;\n    padding: 0 6px;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    &:hover:not(:disabled) {\n      background-image: linear-gradient(\n        rgba(var(--blue-cool-vivid-70-rgb), var(--surface-opacity-xs)),\n        rgba(var(--blue-cool-vivid-70-rgb), var(--surface-opacity-xs))\n      );\n    }\n\n    &:focus-visible {\n      outline-color: var(--gold-vivid-40);\n      outline-offset: var(--spacing-scale-half);\n      outline-style: dashed;\n      outline-width: var(--surface-width-lg);\n    }\n  }\n\n  p {\n    color: var(--gray-80);\n    cursor: default;\n    font-size: var(--font-size-scale-down-01);\n    font-weight: var(--font-weight-medium);\n    line-height: 22px;\n    padding: 0 0 0 var(--spacing-scale-base);\n    white-space: nowrap;\n  }\n\n  button {\n    margin-top: -6px;\n  }\n"])));
exports.Nav = Nav;
var Icon = (0, _styledComponents.default)(_reactFontawesome.FontAwesomeIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: var(--gray-20);\n  height: var(--icon-size-sm);\n"])));
exports.Icon = Icon;