From ef34c669bd1245480bc77da1d18a68eb0c9e8434 Mon Sep 17 00:00:00 2001 From: sheilagomes Date: Thu, 23 Nov 2023 08:42:12 -0300 Subject: [PATCH] Add css files to styles folder --- content/internal.html | 4 +- .../LSG_EN_style.css | 215 ----------------- .../VTEXLocalizationStyleGuideEN.html | 2 +- .../LSG_ES_style.css | 203 ---------------- .../VTEXLocalizationStyleGuideES.html | 2 +- .../LSG_PT_style.css | 211 ----------------- .../VTEXPortugueseStyleGuidePT.html | 2 +- .../Writing Style Guide - EN/MSG_EN_style.css | 223 ------------------ .../VTEXWritingStyleGuideEN.html | 2 +- .../Writing Style Guide - ES/MSG_ES_style.css | 215 ----------------- .../WritingStyleGuideES.html | 2 +- .../Writing Style Guide - PT/MSG_PT_style.css | 215 ----------------- .../VTEXWritingStyleGuidePT.html | 2 +- content/style_guides.html | 6 +- index.html | 2 +- styles/content.css | 1 - {content => styles}/internal.css | 6 +- style.css => styles/style.css | 8 +- {content => styles}/style_guides.css | 0 19 files changed, 19 insertions(+), 1302 deletions(-) delete mode 100644 content/loc_style_guides/Localization Style Guide - EN/LSG_EN_style.css delete mode 100644 content/loc_style_guides/Localization Style Guide - ES/LSG_ES_style.css delete mode 100644 content/loc_style_guides/Localization Style Guide - PT/LSG_PT_style.css delete mode 100644 content/marketing_style_guides/Writing Style Guide - EN/MSG_EN_style.css delete mode 100644 content/marketing_style_guides/Writing Style Guide - ES/MSG_ES_style.css delete mode 100644 content/marketing_style_guides/Writing Style Guide - PT/MSG_PT_style.css rename {content => styles}/internal.css (96%) rename style.css => styles/style.css (96%) rename {content => styles}/style_guides.css (100%) diff --git a/content/internal.html b/content/internal.html index fb0387e..6d54b14 100644 --- a/content/internal.html +++ b/content/internal.html @@ -10,8 +10,8 @@ VTEX Writing - Contents - - + + diff --git a/content/loc_style_guides/Localization Style Guide - EN/LSG_EN_style.css b/content/loc_style_guides/Localization Style Guide - EN/LSG_EN_style.css deleted file mode 100644 index 614666b..0000000 --- a/content/loc_style_guides/Localization Style Guide - EN/LSG_EN_style.css +++ /dev/null @@ -1,215 +0,0 @@ -/* Scrolling */ - -::-webkit-scrollbar { - width: .3em; -} - -::-webkit-scrollbar-track { - background: #F8F7FC; - border-radius: 100vw; - margin-block: 0.5em; -} - -::-webkit-scrollbar-thumb { - background: #F71963; - border: 0.25em solid #F71963; - border-radius: 100vw; -} - -/* Firefox scrolling */ -@supports (scrollbar-color: #F71963 #F8F7FC) { - * { - scrollbar-color: #F71963 #F8F7FC; - } -} - -@font-face { - font-family: "VTEXTrust Regular"; - src: url(./fonts/VTEXTrust-Regular.otf); -} - -:root { - --bg-1: #F8F7FC; - --bg-2: #1155CC; - --bg-3: #F71963; - --bg-4: #5E6E84; - --bg-5: #A1AAB7; - --ff-regular: "VTEXTrust Regular"; - --fs-1: clamp(0.7813rem, 0.7724rem + 0.023vw, 0.8rem); - --fs-2: clamp(0.9375rem, 0.9081rem + 0.0766vw, 1rem); - --fs-3: clamp(1.125rem, 1.0662rem + 0.1531vw, 1.25rem); - --fs-4: clamp(1.35rem, 1.2501rem + 0.2603vw, 1.5625rem); - --fs-5: clamp(1.62rem, 1.4634rem + 0.4081vw, 1.9531rem); - --fs-6: clamp(1.9438rem, 1.7099rem + 0.6095vw, 2.4413rem); - --fs-7: clamp(2.3325rem, 1.9943rem + 0.8813vw, 3.0519rem); -} - -* { - text-decoration: none; - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: var(--ff-regular), sans-serif; - scroll-behavior: smooth; -} - -body { - background: var(--bg-1); - font-size: var(--fs-2); - padding: 2rem; - text-align: justify; - line-height: 1.6; -} - -.wrapper { - display: grid; - grid-template-columns: auto auto auto auto auto auto; - grid-gap: 0.2rem; -} - -.flow > * + * { - margin-top: 1.5em; -} - -.doc-content { - padding: 0 1rem 3rem; - grid-area: 1 / 1 / span 5 / span 1; - margin: 60px 20% 0 0; - overflow-y: scroll; - position: fixed; - left: 0; - top: 0; - height: calc(100% - 60px); -} - -.update-info { - color: var(--bg-4); - text-align: right; - font-size: var(--fs-1); -} - -.example { - margin-top: 0; -} - -h1, h2, h3, h4 { - color: var(--bg-3); - line-height: 1.3; - page-break-after: avoid; -} - -h1 { - font-size: var(--fs-7); - text-align: center; -} - -h2 { - font-size: var(--fs-6); -} - -h3 { - font-size: var(--fs-5); -} - -h4 { - font-size: var(--fs-4); -} - -p { - text-align: justify; -} - -.text-link { - color: var(--bg-2); - text-decoration: underline; -} - -.intro-content { - padding: 1rem 0rem; -} - -.bold-text { - font-weight: bolder; -} - -.italic-text { - font-style: italic; -} - -.underline-text { - text-decoration: underline; -} - -li { - margin-left: 3rem; -} - -.no-bullet { - list-style: none; -} - -table { - border-spacing: 0; - border-collapse: collapse; - margin: 0.5rem 0 1rem; -} - -.table-intro { - padding-bottom: 1rem; -} - -.table-internal { - padding: 0.25rem 0.8rem; - border: 1px solid var(--bg-4); - font-size: var(--fs-1); -} - -.clear-table { - border: none; -} - -.aside-content { - grid-area: 1 / 2 / span 1 / span 1; - padding: 0.5rem 1rem 3rem; - font-size: var(--fs-1); - color: var(--bg-5); - line-height: 1.7; - position: fixed; - height: calc(100% - 60px); - left: 80%; - right: 0; - overflow-y: scroll; - top: 60px; -} - -.content { - font-size: var(--fs-1); - font-weight: bold; - padding: 0 0 0.5rem 1rem; -} - -.aside-list { - text-align: left; - padding-left: 1rem; - border-left: 1px solid var(--bg-5); - list-style: none; - width: 20ch; -} - -.aside-list > li { - margin-left: 0; -} - -.aside-item-1, -.aside-item-2, -.aside-item-3 { - color: var(--bg-5); -} - -.aside-subitem { - border-left: 0px; -} - -.aside-list a:hover { - color: var(--bg-3); -} \ No newline at end of file diff --git a/content/loc_style_guides/Localization Style Guide - EN/VTEXLocalizationStyleGuideEN.html b/content/loc_style_guides/Localization Style Guide - EN/VTEXLocalizationStyleGuideEN.html index 3ece3b7..c44df9e 100644 --- a/content/loc_style_guides/Localization Style Guide - EN/VTEXLocalizationStyleGuideEN.html +++ b/content/loc_style_guides/Localization Style Guide - EN/VTEXLocalizationStyleGuideEN.html @@ -4,7 +4,7 @@ - + VTEX Localization Style Guide for English diff --git a/content/loc_style_guides/Localization Style Guide - ES/LSG_ES_style.css b/content/loc_style_guides/Localization Style Guide - ES/LSG_ES_style.css deleted file mode 100644 index 4a1886f..0000000 --- a/content/loc_style_guides/Localization Style Guide - ES/LSG_ES_style.css +++ /dev/null @@ -1,203 +0,0 @@ -/* Scrolling */ - -::-webkit-scrollbar { - width: .3em; -} - -::-webkit-scrollbar-track { - background: #F8F7FC; - border-radius: 100vw; - margin-block: 0.5em; -} - -::-webkit-scrollbar-thumb { - background: #F71963; - border: 0.25em solid #F71963; - border-radius: 100vw; -} - -/* Firefox scrolling */ -@supports (scrollbar-color: #F71963 #F8F7FC) { - * { - scrollbar-color: #F71963 #F8F7FC; - } -} - -@font-face { - font-family: "VTEXTrust Regular"; - src: url(./fonts/VTEXTrust-Regular.otf); -} - -:root { - --bg-1: #F8F7FC; - --bg-2: #1155CC; - --bg-3: #F71963; - --bg-4: #5E6E84; - --bg-5: #A1AAB7; - --ff-regular: "VTEXTrust Regular"; - --fs-1: clamp(0.7813rem, 0.7724rem + 0.023vw, 0.8rem); - --fs-2: clamp(0.9375rem, 0.9081rem + 0.0766vw, 1rem); - --fs-3: clamp(1.125rem, 1.0662rem + 0.1531vw, 1.25rem); - --fs-4: clamp(1.35rem, 1.2501rem + 0.2603vw, 1.5625rem); - --fs-5: clamp(1.62rem, 1.4634rem + 0.4081vw, 1.9531rem); - --fs-6: clamp(1.9438rem, 1.7099rem + 0.6095vw, 2.4413rem); - --fs-7: clamp(2.3325rem, 1.9943rem + 0.8813vw, 3.0519rem); -} - -* { - text-decoration: none; - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: var(--ff-regular), sans-serif; - scroll-behavior: smooth; -} - -body { - background: var(--bg-1); - font-size: var(--fs-2); - padding: 2rem; - text-align: justify; - line-height: 1.6; -} - -.wrapper { - display: grid; - grid-template-columns: auto auto auto auto auto auto; - grid-gap: 0.2rem; -} - -.flow > * + * { - margin-top: 1.5em; -} - -.doc-content { - padding: 0 1rem 3rem; - grid-area: 1 / 1 / span 5 / span 1; - margin: 60px 20% 0 0; - overflow-y: scroll; - position: fixed; - left: 0; - top: 0; - height: calc(100% - 60px); -} - -.update-info { - color: var(--bg-4); - text-align: right; - font-size: var(--fs-1); -} - -.example { - margin-top: 0; -} - -h1, h2, h3, h4 { - color: var(--bg-3); - line-height: 1.3; - page-break-after: avoid; -} - -h1 { - font-size: var(--fs-7); - text-align: center; -} - -h2 { - font-size: var(--fs-6); -} - -h3 { - font-size: var(--fs-5); -} - -p { - text-align: justify; -} - -.text-link { - color: var(--bg-2); - text-decoration: underline; -} - -.bold-text { - font-weight: bolder; -} - -.italic-text { - font-style: italic; -} - -li { - margin-left: 3rem; -} - -.no-bullet { - list-style: none; -} - -table { - border-spacing: 0; - border-collapse: collapse; - margin: 0.5rem 0 1rem; -} - -.table-intro { - padding-bottom: 1rem; -} - -.table-internal { - padding: 0.25rem 0.8rem; - border: 1px solid var(--bg-4); - font-size: var(--fs-1); -} - -.clear-table { - border: none; -} - -.aside-content { - grid-area: 1 / 2 / span 1 / span 1; - padding: 0.5rem 1rem 3rem; - font-size: var(--fs-1); - color: var(--bg-5); - line-height: 1.7; - position: fixed; - height: calc(100% - 60px); - left: 80%; - right: 0; - overflow-y: scroll; - top: 60px; -} - -.content { - font-size: var(--fs-1); - font-weight: bold; - padding: 0 0 0.5rem 1rem; -} - -.aside-list { - text-align: left; - padding-left: 1rem; - border-left: 1px solid var(--bg-5); - list-style: none; - width: 20ch; -} - -.aside-list > li { - margin-left: 0; -} - -.aside-item-1, -.aside-item-2, -.aside-item-3 { - color: var(--bg-5); -} - -.aside-subitem { - border-left: 0px; -} - -.aside-list a:hover { - color: var(--bg-3); -} \ No newline at end of file diff --git a/content/loc_style_guides/Localization Style Guide - ES/VTEXLocalizationStyleGuideES.html b/content/loc_style_guides/Localization Style Guide - ES/VTEXLocalizationStyleGuideES.html index e3e0e7a..93cc1d3 100644 --- a/content/loc_style_guides/Localization Style Guide - ES/VTEXLocalizationStyleGuideES.html +++ b/content/loc_style_guides/Localization Style Guide - ES/VTEXLocalizationStyleGuideES.html @@ -3,7 +3,7 @@ - + VTEX Localization Style Guide for Spanish diff --git a/content/loc_style_guides/Localization Style Guide - PT/LSG_PT_style.css b/content/loc_style_guides/Localization Style Guide - PT/LSG_PT_style.css deleted file mode 100644 index eecc99f..0000000 --- a/content/loc_style_guides/Localization Style Guide - PT/LSG_PT_style.css +++ /dev/null @@ -1,211 +0,0 @@ -/* Scrolling */ - -::-webkit-scrollbar { - width: .3em; -} - -::-webkit-scrollbar-track { - background: #F8F7FC; - border-radius: 100vw; - margin-block: 0.5em; -} - -::-webkit-scrollbar-thumb { - background: #F71963; - border: 0.25em solid #F71963; - border-radius: 100vw; -} - -/* Firefox scrolling */ -@supports (scrollbar-color: #F71963 #F8F7FC) { - * { - scrollbar-color: #F71963 #F8F7FC; - } -} - -@font-face { - font-family: "VTEXTrust Regular"; - src: url(./fonts/VTEXTrust-Regular.otf); -} - -:root { - --bg-1: #F8F7FC; - --bg-2: #1155CC; - --bg-3: #F71963; - --bg-4: #5E6E84; - --bg-5: #A1AAB7; - --ff-regular: "VTEXTrust Regular"; - --fs-1: clamp(0.7813rem, 0.7724rem + 0.023vw, 0.8rem); - --fs-2: clamp(0.9375rem, 0.9081rem + 0.0766vw, 1rem); - --fs-3: clamp(1.125rem, 1.0662rem + 0.1531vw, 1.25rem); - --fs-4: clamp(1.35rem, 1.2501rem + 0.2603vw, 1.5625rem); - --fs-5: clamp(1.62rem, 1.4634rem + 0.4081vw, 1.9531rem); - --fs-6: clamp(1.9438rem, 1.7099rem + 0.6095vw, 2.4413rem); - --fs-7: clamp(2.3325rem, 1.9943rem + 0.8813vw, 3.0519rem); -} - -* { - text-decoration: none; - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: var(--ff-regular), sans-serif; - scroll-behavior: smooth; -} - -body { - background: var(--bg-1); - font-size: var(--fs-2); - padding: 2rem; - text-align: justify; - line-height: 1.6; -} - -.wrapper { - display: grid; - grid-template-columns: auto auto auto auto auto auto; - grid-gap: 0.2rem; -} - -.flow > * + * { - margin-top: 1.5em; -} - -.doc-content { - padding: 0 1rem 3rem; - grid-area: 1 / 1 / span 5 / span 1; - margin: 60px 20% 0 0; - overflow-y: scroll; - position: fixed; - left: 0; - top: 0; - height: calc(100% - 60px); -} - -.update-info { - color: var(--bg-4); - text-align: right; - font-size: var(--fs-1); -} - -.example { - margin-top: 0; -} - -h1, h2, h3, h4 { - color: var(--bg-3); - line-height: 1.3; - page-break-after: avoid; -} - -h1 { - font-size: var(--fs-7); - text-align: center; -} - -h2 { - font-size: var(--fs-6); -} - -h3 { - font-size: var(--fs-5); -} - -h4 { - font-size: var(--fs-4); -} - -p { - text-align: justify; -} - -.text-link { - color: var(--bg-2); - text-decoration: underline; -} - -.bold-text { - font-weight: bolder; -} - -.italic-text { - font-style: italic; -} - -.center-text { - text-align: center; -} - -li { - margin-left:3rem; -} - -.no-bullet { - list-style: none; -} - -table { - border-spacing: 0; - border-collapse: collapse; - margin: 0.5rem 0 1rem; -} - -.table-intro { - padding-bottom: 1rem; -} - -.table-internal { - padding: 0.25rem 0.8rem; - border: 1px solid var(--bg-4); - font-size: var(--fs-1); -} - -.clear-table { - border: none; -} - -.aside-content { - grid-area: 1 / 2 / span 1 / span 1; - padding: 0.5rem 1rem 3rem; - font-size: var(--fs-1); - color: var(--bg-5); - line-height: 1.7; - position: fixed; - height: calc(100% - 60px); - left: 80%; - right: 0; - overflow-y: scroll; - top: 60px; -} - -.content { - font-size: var(--fs-1); - font-weight: bold; - padding: 0 0 0.5rem 1rem; -} - -.aside-list { - text-align: left; - padding-left: 1rem; - border-left: 1px solid var(--bg-5); - list-style: none; - width: 20ch; -} - -.aside-list > li { - margin-left: 0; -} - -.aside-item-1, -.aside-item-2, -.aside-item-3 { - color: var(--bg-5); -} - -.aside-subitem { - border-left: 0px; -} - -.aside-list a:hover { - color: var(--bg-3); -} \ No newline at end of file diff --git a/content/loc_style_guides/Localization Style Guide - PT/VTEXPortugueseStyleGuidePT.html b/content/loc_style_guides/Localization Style Guide - PT/VTEXPortugueseStyleGuidePT.html index 9961eba..6cc1b4d 100644 --- a/content/loc_style_guides/Localization Style Guide - PT/VTEXPortugueseStyleGuidePT.html +++ b/content/loc_style_guides/Localization Style Guide - PT/VTEXPortugueseStyleGuidePT.html @@ -3,7 +3,7 @@ - + VTEX Localization Style Guide for Portuguese diff --git a/content/marketing_style_guides/Writing Style Guide - EN/MSG_EN_style.css b/content/marketing_style_guides/Writing Style Guide - EN/MSG_EN_style.css deleted file mode 100644 index b1af98c..0000000 --- a/content/marketing_style_guides/Writing Style Guide - EN/MSG_EN_style.css +++ /dev/null @@ -1,223 +0,0 @@ -/* Scrolling */ - -::-webkit-scrollbar { - width: .3em; -} - -::-webkit-scrollbar-track { - background: #F8F7FC; - border-radius: 100vw; - margin-block: 0.5em; -} - -::-webkit-scrollbar-thumb { - background: #F71963; - border: 0.25em solid #F71963; - border-radius: 100vw; -} - -/* Firefox scrolling */ -@supports (scrollbar-color: #F71963 #F8F7FC) { - * { - scrollbar-color: #F71963 #F8F7FC; - } -} - -@font-face { - font-family: "VTEXTrust Regular"; - src: url(./fonts/VTEXTrust-Regular.otf); -} - -:root { - --bg-1: #F8F7FC; - --bg-2: #1155CC; - --bg-3: #F71963; - --bg-4: #5E6E84; - --bg-5: #A1AAB7; - --ff-regular: "VTEXTrust Regular"; - --fs-1: clamp(0.7813rem, 0.7724rem + 0.023vw, 0.8rem); - --fs-2: clamp(0.9375rem, 0.9081rem + 0.0766vw, 1rem); - --fs-3: clamp(1.125rem, 1.0662rem + 0.1531vw, 1.25rem); - --fs-4: clamp(1.35rem, 1.2501rem + 0.2603vw, 1.5625rem); - --fs-5: clamp(1.62rem, 1.4634rem + 0.4081vw, 1.9531rem); - --fs-6: clamp(1.9438rem, 1.7099rem + 0.6095vw, 2.4413rem); - --fs-7: clamp(2.3325rem, 1.9943rem + 0.8813vw, 3.0519rem); -} - -* { - text-decoration: none; - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: var(--ff-regular), sans-serif; - scroll-behavior: smooth; -} - -body { - background: var(--bg-1); - font-size: var(--fs-2); - padding: 2rem; - text-align: justify; - line-height: 1.6; -} - -.wrapper { - display: grid; - grid-template-columns: auto auto auto auto auto auto; - grid-gap: 0.2rem; -} - -.flow > * + * { - margin-top: 1.5em; -} - -.doc-content { - padding: 0 1rem 3rem; - grid-area: 1 / 1 / span 5 / span 1; - margin: 60px 20% 0 0; - overflow-y: scroll; - position: fixed; - left: 0; - top: 0; - height: calc(100% - 60px); -} - -.update-info { - color: var(--bg-4); - text-align: right; - font-size: var(--fs-1); -} - -.example { - margin-top: 0; -} - -h1, h2, h3, h4, h5 { - color: var(--bg-3); - line-height: 1.3; - page-break-after: avoid; -} - -h1 { - font-size: var(--fs-7); - text-align: center; -} - -h2 { - font-size: var(--fs-6); -} - -h3 { - font-size: var(--fs-5); -} - -h4 { - font-size: var(--fs-4); -} - -h5 { - font-size: var(--fs-3); -} - -.text-link { - color: var(--bg-2); - text-decoration: underline; -} - -.bold-text { - font-weight: bolder; -} - -.italic-text { - font-style: italic; -} - -.underline-text { - text-decoration: underline; -} - -.superscript-text { - vertical-align: super; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -li { - margin-left: 3rem; -} - -table { - border-spacing: 0; - border-collapse: collapse; - margin: 0.5rem 0 1rem; -} - -.table-intro { - padding-bottom: 1rem; -} - -.table-50 { - width: 50%; -} - -.table-internal { - padding: 0.25rem 0.8rem; - border: 1px solid var(--bg-4); - font-size: var(--fs-1); -} - -.clear-table { - border: none; -} - -.aside-content { - grid-area: 1 / 2 / span 1 / span 1; - padding: 0.5rem 1rem 3rem; - font-size: var(--fs-1); - color: var(--bg-5); - line-height: 1.7; - position: fixed; - height: calc(100% - 60px); - left: 80%; - right: 0; - overflow-y: scroll; - top: 60px; -} - -.content { - font-size: var(--fs-1); - font-weight: bold; - padding: 0 0 0.5rem 1rem; -} - -.aside-list { - text-align: left; - padding-left: 1rem; - border-left: 1px solid var(--bg-5); - list-style: none; - width: 20ch; -} - -.aside-list > li { - margin-left: 0; -} - -.aside-item-1, -.aside-item-2, -.aside-item-3 { - color: var(--bg-5); -} - -.aside-subitem { - border-left: 0px; -} - -.aside-list a:hover { - color: var(--bg-3); -} \ No newline at end of file diff --git a/content/marketing_style_guides/Writing Style Guide - EN/VTEXWritingStyleGuideEN.html b/content/marketing_style_guides/Writing Style Guide - EN/VTEXWritingStyleGuideEN.html index 6cb5276..09222b3 100644 --- a/content/marketing_style_guides/Writing Style Guide - EN/VTEXWritingStyleGuideEN.html +++ b/content/marketing_style_guides/Writing Style Guide - EN/VTEXWritingStyleGuideEN.html @@ -3,7 +3,7 @@ - + VTEX Writing Style Guide for English diff --git a/content/marketing_style_guides/Writing Style Guide - ES/MSG_ES_style.css b/content/marketing_style_guides/Writing Style Guide - ES/MSG_ES_style.css deleted file mode 100644 index c46ead5..0000000 --- a/content/marketing_style_guides/Writing Style Guide - ES/MSG_ES_style.css +++ /dev/null @@ -1,215 +0,0 @@ -/* Scrolling */ - -::-webkit-scrollbar { - width: .3em; -} - -::-webkit-scrollbar-track { - background: #F8F7FC; - border-radius: 100vw; - margin-block: 0.5em; -} - -::-webkit-scrollbar-thumb { - background: #F71963; - border: 0.25em solid #F71963; - border-radius: 100vw; -} - -/* Firefox scrolling */ -@supports (scrollbar-color: #F71963 #F8F7FC) { - * { - scrollbar-color: #F71963 #F8F7FC; - } -} - -@font-face { - font-family: "VTEXTrust Regular"; - src: url(./fonts/VTEXTrust-Regular.otf); -} - -:root { - --bg-1: #F8F7FC; - --bg-2: #1155CC; - --bg-3: #F71963; - --bg-4: #5E6E84; - --bg-5: #A1AAB7; - --ff-regular: "VTEXTrust Regular"; - --fs-1: clamp(0.7813rem, 0.7724rem + 0.023vw, 0.8rem); - --fs-2: clamp(0.9375rem, 0.9081rem + 0.0766vw, 1rem); - --fs-3: clamp(1.125rem, 1.0662rem + 0.1531vw, 1.25rem); - --fs-4: clamp(1.35rem, 1.2501rem + 0.2603vw, 1.5625rem); - --fs-5: clamp(1.62rem, 1.4634rem + 0.4081vw, 1.9531rem); - --fs-6: clamp(1.9438rem, 1.7099rem + 0.6095vw, 2.4413rem); - --fs-7: clamp(2.3325rem, 1.9943rem + 0.8813vw, 3.0519rem); -} - -* { - text-decoration: none; - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: var(--ff-regular), sans-serif; - scroll-behavior: smooth; -} - -body { - background: var(--bg-1); - font-size: var(--fs-2); - padding: 2rem; - text-align: justify; - line-height: 1.6; -} - -.wrapper { - display: grid; - grid-template-columns: auto auto auto auto auto auto; - grid-gap: 0.2rem; -} - -.flow > * + * { - margin-top: 1.5em; -} - -.doc-content { - padding: 0 1rem 3rem; - grid-area: 1 / 1 / span 5 / span 1; - margin: 60px 20% 0 0; - overflow-y: scroll; - position: fixed; - left: 0; - top: 0; - height: calc(100% - 60px); -} - -.update-info { - color: var(--bg-4); - text-align: right; - font-size: var(--fs-1); -} - -.example { - margin-top: 0; -} - -h1, h2, h3, h4, h5 { - color: var(--bg-3); - line-height: 1.3; - page-break-after: avoid; -} - -h1 { - font-size: var(--fs-7); - text-align: center; -} - -h2 { - font-size: var(--fs-6); -} - -h3 { - font-size: var(--fs-5); -} - -h4 { - font-size: var(--fs-4); -} - -h5 { - font-size: var(--fs-3); -} - -.text-link { - color: var(--bg-2); - text-decoration: underline; -} - -.bold-text { - font-weight: bolder; -} - -.italic-text { - font-style: italic; -} - -.underline-text { - text-decoration: underline; -} - -.superscript-text { - vertical-align: super; -} - -.text-center { - text-align: center; -} - -li { - margin-left:3rem; -} - -table { - border-spacing: 0; - border-collapse: collapse; - margin: 0.5rem 0 1rem; -} - -.table-intro { - padding-bottom: 1rem; -} - -.table-internal { - padding: 0.25rem 0.4rem; - border: 1px solid var(--bg-4); - font-size: var(--fs-1); -} - -.clear-table { - border: none; -} - -.aside-content { - grid-area: 1 / 2 / span 1 / span 1; - padding: 0.5rem 1rem 3rem; - font-size: var(--fs-1); - color: var(--bg-5); - line-height: 1.7; - position: fixed; - height: calc(100% - 60px); - left: 80%; - right: 0; - overflow-y: scroll; - top: 60px; -} - -.content { - font-size: var(--fs-1); - font-weight: bold; - padding: 0 0 0.5rem 1rem; -} - -.aside-list { - text-align: left; - padding-left: 1rem; - border-left: 1px solid var(--bg-5); - list-style: none; - width: 20ch; -} - -.aside-list > li { - margin-left: 0; -} - -.aside-item-1, -.aside-item-2, -.aside-item-3 { - color: var(--bg-5); -} - -.aside-subitem { - border-left: 0px; -} - -.aside-list a:hover { - color: var(--bg-3); -} \ No newline at end of file diff --git a/content/marketing_style_guides/Writing Style Guide - ES/WritingStyleGuideES.html b/content/marketing_style_guides/Writing Style Guide - ES/WritingStyleGuideES.html index 9818e49..8c1e2d2 100644 --- a/content/marketing_style_guides/Writing Style Guide - ES/WritingStyleGuideES.html +++ b/content/marketing_style_guides/Writing Style Guide - ES/WritingStyleGuideES.html @@ -3,7 +3,7 @@ - + Guía de estilo y redacción VTEX para Español diff --git a/content/marketing_style_guides/Writing Style Guide - PT/MSG_PT_style.css b/content/marketing_style_guides/Writing Style Guide - PT/MSG_PT_style.css deleted file mode 100644 index 9a45982..0000000 --- a/content/marketing_style_guides/Writing Style Guide - PT/MSG_PT_style.css +++ /dev/null @@ -1,215 +0,0 @@ -/* Scrolling */ - -::-webkit-scrollbar { - width: .3em; -} - -::-webkit-scrollbar-track { - background: #F8F7FC; - border-radius: 100vw; - margin-block: 0.5em; -} - -::-webkit-scrollbar-thumb { - background: #F71963; - border: 0.25em solid #F71963; - border-radius: 100vw; -} - -/* Firefox scrolling */ -@supports (scrollbar-color: #F71963 #F8F7FC) { - * { - scrollbar-color: #F71963 #F8F7FC; - } -} - -@font-face { - font-family: "VTEXTrust Regular"; - src: url(./fonts/VTEXTrust-Regular.otf); -} - -:root { - --bg-1: #F8F7FC; - --bg-2: #1155CC; - --bg-3: #F71963; - --bg-4: #5E6E84; - --bg-5: #A1AAB7; - --ff-regular: "VTEXTrust Regular"; - --fs-1: clamp(0.7813rem, 0.7724rem + 0.023vw, 0.8rem); - --fs-2: clamp(0.9375rem, 0.9081rem + 0.0766vw, 1rem); - --fs-3: clamp(1.125rem, 1.0662rem + 0.1531vw, 1.25rem); - --fs-4: clamp(1.35rem, 1.2501rem + 0.2603vw, 1.5625rem); - --fs-5: clamp(1.62rem, 1.4634rem + 0.4081vw, 1.9531rem); - --fs-6: clamp(1.9438rem, 1.7099rem + 0.6095vw, 2.4413rem); - --fs-7: clamp(2.3325rem, 1.9943rem + 0.8813vw, 3.0519rem); -} - -* { - text-decoration: none; - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: var(--ff-regular), sans-serif; - scroll-behavior: smooth; -} - -body { - background: var(--bg-1); - font-size: var(--fs-2); - padding: 2rem; - text-align: justify; - line-height: 1.6; -} - -.wrapper { - display: grid; - grid-template-columns: auto auto auto auto auto auto; - grid-gap: 0.2rem; -} - -.flow > * + * { - margin-top: 1.5em; -} - -.doc-content { - padding: 0 1rem 3rem; - grid-area: 1 / 1 / span 5 / span 1; - margin: 60px 20% 0 0; - overflow-y: scroll; - position: fixed; - left: 0; - top: 0; - height: calc(100% - 60px); -} - -.update-info { - color: var(--bg-4); - text-align: right; - font-size: var(--fs-1); -} - -.example { - margin-top: 0; -} - -h1, h2, h3, h4, h5 { - color: var(--bg-3); - line-height: 1.3; - page-break-after: avoid; -} - -h1 { - font-size: var(--fs-7); - text-align: center; -} - -h2 { - font-size: var(--fs-6); -} - -h3 { - font-size: var(--fs-5); -} - -h4 { - font-size: var(--fs-4); -} - -h5 { - font-size: var(--fs-3); -} - -.text-link { - color: var(--bg-2); - text-decoration: underline; -} - -.bold-text { - font-weight: bolder; -} - -.italic-text { - font-style: italic; -} - -.underline-text { - text-decoration: underline; -} - -.superscript-text { - vertical-align: super; -} - -.text-center { - text-align: center; -} - -li { - margin-left:3rem; -} - -table { - border-spacing: 0; - border-collapse: collapse; - margin: 0.5rem 0 1rem; -} - -.table-intro { - margin: 1rem 0; -} - -.table-internal { - padding: 0.25rem 0.4rem; - border: 1px solid var(--bg-4); - font-size: var(--fs-1); -} - -.clear-table { - border: none; -} - -.aside-content { - grid-area: 1 / 2 / span 1 / span 1; - padding: 0.5rem 1rem 3rem; - font-size: var(--fs-1); - color: var(--bg-5); - line-height: 1.7; - position: fixed; - height: calc(100% - 60px); - left: 80%; - right: 0; - overflow-y: scroll; - top: 60px; -} - -.content { - font-size: var(--fs-1); - font-weight: bold; - padding: 0 0 0.5rem 1rem; -} - -.aside-list { - text-align: left; - padding-left: 1rem; - border-left: 1px solid var(--bg-5); - list-style: none; - width: 20ch; -} - -.aside-list > li { - margin-left: 0; -} - -.aside-item-1, -.aside-item-2, -.aside-item-3 { - color: var(--bg-5); -} - -.aside-subitem { - border-left: 0px; -} - -.aside-list a:hover { - color: var(--bg-3); -} \ No newline at end of file diff --git a/content/marketing_style_guides/Writing Style Guide - PT/VTEXWritingStyleGuidePT.html b/content/marketing_style_guides/Writing Style Guide - PT/VTEXWritingStyleGuidePT.html index 3d0165d..6b4b9fd 100644 --- a/content/marketing_style_guides/Writing Style Guide - PT/VTEXWritingStyleGuidePT.html +++ b/content/marketing_style_guides/Writing Style Guide - PT/VTEXWritingStyleGuidePT.html @@ -3,7 +3,7 @@ - + Manual de estilo e redação da VTEX para o português diff --git a/content/style_guides.html b/content/style_guides.html index e20e4de..129ad80 100644 --- a/content/style_guides.html +++ b/content/style_guides.html @@ -10,9 +10,9 @@ VTEX Writing - Style Guides - - - + + + diff --git a/index.html b/index.html index fde63e4..207a3c9 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ VTEX Writing - +