From 9a5dc81e4a79a59d0d47378320b9f412e45bda42 Mon Sep 17 00:00:00 2001 From: devartes Date: Mon, 23 Jan 2023 08:34:58 -0300 Subject: [PATCH] feat: adicionando arquivos .css e .scss vtex.breadcrumb com estilos para o breadcrumb --- styles/css/vtex.breadcrumb.css | 31 +++++++++++++++++++ .../product/breadcrumb/vtex.breadcrumb.scss | 25 +++++++++++++++ 2 files changed, 56 insertions(+) create mode 100644 styles/css/vtex.breadcrumb.css create mode 100644 styles/sass/pages/product/breadcrumb/vtex.breadcrumb.scss diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css new file mode 100644 index 0000000..0abdabd --- /dev/null +++ b/styles/css/vtex.breadcrumb.css @@ -0,0 +1,31 @@ +/* +0 - 600PX: Phone +600 - 900px: Table portrait +900 - 1200px: Tablet landscape +[1200 - 1800] is where our nortal styles apply +1800px + : Big desktop +*/ +/* Media Query M3 */ +/* Grid breakpoints */ +.container { + display: flex; + align-items: center; + flex-wrap: wrap; + margin-left: 40px; +} +.container .homeLink { + padding: 0; +} +.container .homeLink::before { + content: "Home"; +} +.container .homeIcon { + display: none; +} +.container .link, +.container .term { + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #929292; +} \ No newline at end of file diff --git a/styles/sass/pages/product/breadcrumb/vtex.breadcrumb.scss b/styles/sass/pages/product/breadcrumb/vtex.breadcrumb.scss new file mode 100644 index 0000000..71bda56 --- /dev/null +++ b/styles/sass/pages/product/breadcrumb/vtex.breadcrumb.scss @@ -0,0 +1,25 @@ +.container { + display: flex; + align-items: center; + flex-wrap: wrap; + margin-left: 40px; + .homeLink { + padding: 0; + } + + .homeLink::before { + content: "Home"; + } + + .homeIcon { + display: none; + } + + .link, + .term { + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #929292; + } +}