vitat-css 0.1.0 → 0.1.2

data/scss/guide/components/cards/card__horizontal.scss

@@ -0,0 +1,35 @@
+@import "_variables.scss";
+@import "../_typography";
+
+.card__horizontal {
+  @extend .card;
+  display: flex;
+  flex-direction: row;
+  .card__wrapper {
+    padding-bottom: $spacing-xxxs;
+    min-height: 117px;
+    & + .heading {
+      display: flex;
+      align-items: center;
+      @media (min-width: 1200px) {
+        min-height: 147px;
+      }
+    }
+  }
+  .card__img {
+    border-radius: $spacing-xxxs 0px 0px $spacing-xxxs;
+    width: 100px;
+    height: auto;
+    object-fit: cover;
+    @media (min-width: 1200px) {
+      width: 147px;
+    }
+  }
+
+  .card__text {
+    display: none;
+    @media (min-width: 1200px) {
+      display: block;
+    }
+  }
+}

data/scss/guide/components/cards/card__horizontal__small.scss

@@ -0,0 +1,9 @@
+@import "_variables.scss";
+@import "../_typography";
+
+.card__horizontal__small {
+  @extend .card;
+  .card__wrapper {
+    padding-bottom: $spacing-sm;
+  }
+}

data/scss/guide/components/inputs/_checkbox.scss

@@ -0,0 +1,45 @@
+input[type=checkbox]:checked + .checkbox:before {
+    background: $brand-color-primary-pure;
+}
+
+input[type=checkbox]:checked + .checkbox:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 2px;
+    left: 9px;
+    width: 6px;
+    height: 14px;
+    border: solid $neutral-color-low-pure;
+    border-width: 0 $border-width-thin $border-width-thin 0;
+    transform: rotate(45deg);
+}
+
+.checkbox {
+    position: relative;
+    cursor: pointer;
+}
+
+.checkbox:before {
+    content: '';
+    -webkit-appearance: none;
+    background-color: transparent;
+    border: $border-width-thin solid $neutral-color-high-medium;
+    border-radius: $border-radius-xs;
+    box-shadow: $shadow-level-1, inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
+    padding: $spacing-nano;
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    background: $neutral-color-high-pure;
+    cursor: pointer;
+}
+
+input[type=checkbox] {
+    padding: 0;
+    height: initial;
+    width: initial;
+    margin-bottom: 0;
+    display: none;
+    cursor: pointer;
+}

data/scss/guide/components/inputs/_text.scss

@@ -0,0 +1,8 @@
+.input {
+    border: $border-width-hairline solid $neutral-color-high-medium;
+    height: 48px;
+    width: 296px;
+    background: $neutral-color-high-pure;
+    border-radius: $border-radius-md;
+    padding: $spacing-xxxs;
+}

data/scss/guide/components/lista/lista.scss

@@ -0,0 +1,31 @@
+@import "_variables.scss";
+@import "../_typography";
+
+.list {
+  border: $border-width-hairline solid $neutral-color-high-medium;
+  padding: 0;
+  border-radius: $sizing-xxxs;
+  text-align: center;
+  &__title {
+    padding: $spacing-nano $spacing-md;
+    margin: 0;
+    @media (min-width: 1200px) {
+      padding: $spacing-xxxs 0 $spacing-xxxs 0;
+    }
+  }
+  &__line {
+    border-top: $border-width-hairline solid $neutral-color-high-medium;
+    padding: $spacing-xxxs $spacing-nano;
+    text-align: center;
+    color: $neutral-color-low-pure;
+  }
+  &__item {
+    text-decoration: none;
+  }
+  &__more {
+    color: $brand-color-secondary-pure;
+    margin: 0;
+    //display: block;
+    text-decoration: underline;
+  }
+}

data/scss/guide/components/pagination/pagination.scss

@@ -0,0 +1,81 @@
+@import "_variables.scss";
+@import "../_typography";
+@import "../animations";
+
+.pagination {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  @media (min-width: 1200px) {
+    width: 388px;
+    height: $spacing-xs;
+  }
+
+  a:focus {
+    color: $brand-color-primary-pure;
+  }
+
+  &__previous {
+    background-image: url(/img/arrow.png);
+    background-repeat: no-repeat;
+  }
+
+  &__previousDisable {
+    background-image: url(/img/arrow-disable.png);
+  }
+
+  &__previousHover:hover {
+    background-image: url(/img/arrow-active.png);
+  }
+
+  &__next {
+    background-image: url(/img/arrow.png);
+    background-repeat: no-repeat;
+    transform: rotate(180deg);
+  }
+
+  &__nextDisable {
+    background-image: url(/img/arrow-disable.png);
+    transform: rotate(180deg);
+  }
+
+  &__nextHover:hover {
+    background-image: url(/img/arrow-active.png);
+    transform: rotate(180deg);
+  }
+
+  &__previous,
+  &__next {
+    width: 10.5px;
+    height: 19.5px;
+    @media (min-width: 1200px) {
+      width: 14px;
+      height: 20px;
+    }
+  }
+
+  &__pages {
+    text-decoration: none;
+    font-size: $font-size-sm;
+    color: $neutral-color-high-dark;
+    cursor: pointer;
+    @media (min-width: 1200px) {
+      font-size: $font-size-md;
+    }
+  }
+
+  &__visibleDesk {
+    display: none;
+    @media (min-width: 1200px) {
+      display: block;
+    }
+  }
+
+  &__active,
+  &__pages:hover {
+    color: $brand-color-primary-pure;
+  }
+  &__disable {
+    color: $neutral-color-high-medium;
+  }
+}

data/scss/guide/components/pills/pill.scss

@@ -0,0 +1,31 @@
+@import "_variables.scss";
+@import "../_typography";
+
+.pill {
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: $font-size-xxxs;
+  font-weight: $font-weight-medium;
+  text-decoration: none;
+  height: $sizing-xs;
+  border: $border-width-thin solid;
+  border-radius: $border-radius-pill;
+  margin-right: 8px;
+  padding: $spacing-nano $spacing-xxxs;
+  &:hover {
+    text-decoration: underline;
+  }
+  @media (min-width: 1200px) {
+    margin-bottom: $sizing-xxxs;
+  }
+}
+//helper
+.bg__yellow {
+  background-color: $well-being-color-primary;
+}
+
+.bg__pink {
+  background-color: $health-color-primary;
+}

data/scss/guide/components/pills/pill__full.scss

@@ -0,0 +1,8 @@
+@import "_variables.scss";
+@import "../_typography";
+
+.pill__full {
+  @extend .pill;
+  color: $neutral-color-low-pure;
+  border: $border-radius-none solid $well-being-color-primary;
+}

data/scss/guide/components/pills/pill__secundary.scss

@@ -0,0 +1,8 @@
+@import "_variables.scss";
+@import "../_typography";
+
+.pill__secundary {
+  @extend .pill;
+  color: $brand-color-secondary-pure;
+  border-color: $brand-color-secondary-pure;
+}

data/scss/guide/components/pills/pill__small.scss

@@ -0,0 +1,8 @@
+@import "_variables.scss";
+@import "../_typography";
+
+.pill__small {
+  @extend .pill;
+  padding: $spacing-quarck $spacing-nano;
+  height: $sizing-xxs;
+}

data/scss/guide/components/revisado/revisado.scss

@@ -0,0 +1,52 @@
+@import "_variables.scss";
+@import "../_typography";
+@import "../animations";
+
+.revisado {
+  background-color: $neutral-color-high-pure;
+  border-radius: $border-radius-md;
+  border: $border-width-hairline solid $neutral-color-high-medium;
+  width: 100%;
+  .body {
+    color: $neutral-color-low-pure;
+  }
+  .overline {
+    color: $neutral-color-low-pure;
+  }
+  .pillText {
+    color: $neutral-color-low-pure;
+  }
+  h3 {
+    margin: $spacing-nano 0 0 0;
+    @media (min-width: 1200px) {
+      margin: $spacing-quarck 0 0 0;
+    }
+  }
+  p {
+    margin: 0;
+  }
+  &__ancora {
+    text-decoration: none;
+  }
+  &__wrapper {
+    display: flex;
+    flex-direction: row;
+    padding: $spacing-xxxs;
+    color: $neutral-color-low-pure;
+  }
+  &__img {
+    border-radius: 50%;
+    width: $sizing-md;
+    height: $sizing-md;
+    @media (min-width: 1200px) {
+      width: $sizing-xl;
+      height: $sizing-xl;
+    }
+  }
+  &__text {
+    padding-left: $spacing-xxxs;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+}

data/scss/guide/style.scss

@@ -0,0 +1,96 @@
+//BOOTSTRAP PARTES OBRIGATÓRIAS
+
+@import "bootstrap/scss/_functions";
+@import "bootstrap/scss/_variables";
+@import "bootstrap/scss/_mixins";
+
+//BOOTSTRAP PARTES OPCIONAIS
+
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/containers";
+@import "bootstrap/scss/bootstrap-grid";
+
+//GUIDE VITAT
+
+@import "scss/guide/_variables";
+@import "scss/guide/components/_typography";
+
+//GUIDE VITAT BOTÕES
+
+@import "scss/guide/components/buttons/btn";
+@import "scss/guide/components/buttons/btn__primary";
+@import "scss/guide/components/buttons/btn__large";
+@import "scss/guide/components/buttons/btn__tertiary";
+
+//GUIDE VITAT INPUTS
+
+@import "scss/guide/components/inputs/text";
+@import "scss/guide/components/inputs/checkbox";
+
+//GUIDE VITAT PILLS
+
+@import "scss/guide/components/pills/pill";
+@import "scss/guide/components/pills/pill__secundary";
+@import "scss/guide/components/pills/pill__small";
+@import "scss/guide/components/pills/pill__full";
+
+//GUIDE VITAT CARDS
+@import "scss/guide/components/cards/card";
+@import "scss/guide/components/cards/card__horizontal";
+@import "scss/guide/components/cards/card__horizontal__small";
+
+//GUIDE VITAT PAGINATION
+@import "scss/guide/components/pagination/pagination";
+
+//GUIDE VITAT CARD APP
+@import "scss/guide/components/cardapp/cardapp";
+
+//GUIDE VITAT REVISADO POR
+@import "scss/guide/components/revisado/revisado";
+
+//GUIDE VITAT ARABESCOS
+@import "scss/guide/components/arabescos/arabescos";
+
+//GUIDE VITAT LIST
+@import "scss/guide/components/lista/lista";
+
+//SCSS DO PROJETO
+* {
+  font-family: "Livvic", sans-serif;
+  outline: none !important;
+  box-sizing: border-box;
+}
+
+.bar {
+  width: 50px;
+
+  &__li {
+  }
+
+  &__ul {
+    list-style: none;
+    padding: 0;
+    display: flex;
+  }
+  &__a {
+    color: #142028;
+    text-decoration: none;
+    margin-left: 15px;
+    display: block;
+    width: 100%;
+
+    height: 100%;
+    padding: 10px 0;
+    background-color: $neutral-color-high-light;
+    padding-left: 15px;
+
+    &:hover {
+      text-decoration: none;
+      background-color: $neutral-color-high-medium;
+    }
+    &:visited {
+      color: #142028;
+      text-decoration: none;
+    }
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vitat-css
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Amandavr
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-07-03 00:00:00.000000000 Z
+date: 2023-07-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -45,18 +45,153 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".DS_Store"
 - ".gitignore"
-- CODE_OF_CONDUCT.md
-- Gemfile
-- LICENSE.txt
+- ".idea/.gitignore"
+- ".idea/modules.xml"
+- ".idea/vcs.xml"
+- ".idea/vitat-design-system.iml"
+- ".vscode/settings.json"
+- HTML/.DS_Store
+- HTML/Components/Arabescos.html
+- HTML/Components/Buttons.html
+- HTML/Components/Card.html
+- HTML/Components/CardApp.html
+- HTML/Components/Inputs.html
+- HTML/Components/Lista.html
+- HTML/Components/Pagination.html
+- HTML/Components/Pills.html
+- HTML/Components/Revisado.html
+- JS/prism.js
 - README.md
-- Rakefile
-- bin/console
-- bin/setup
-- lib/vitat/css.rb
-- lib/vitat/css/version.rb
-- vitat-css.gemspec
-homepage: https://vitat.com.br
+- bootstrap/scss/_accordion.scss
+- bootstrap/scss/_alert.scss
+- bootstrap/scss/_badge.scss
+- bootstrap/scss/_breadcrumb.scss
+- bootstrap/scss/_button-group.scss
+- bootstrap/scss/_buttons.scss
+- bootstrap/scss/_card.scss
+- bootstrap/scss/_carousel.scss
+- bootstrap/scss/_close.scss
+- bootstrap/scss/_containers.scss
+- bootstrap/scss/_dropdown.scss
+- bootstrap/scss/_forms.scss
+- bootstrap/scss/_functions.scss
+- bootstrap/scss/_grid.scss
+- bootstrap/scss/_helpers.scss
+- bootstrap/scss/_images.scss
+- bootstrap/scss/_list-group.scss
+- bootstrap/scss/_mixins.scss
+- bootstrap/scss/_modal.scss
+- bootstrap/scss/_nav.scss
+- bootstrap/scss/_navbar.scss
+- bootstrap/scss/_offcanvas.scss
+- bootstrap/scss/_pagination.scss
+- bootstrap/scss/_placeholders.scss
+- bootstrap/scss/_popover.scss
+- bootstrap/scss/_progress.scss
+- bootstrap/scss/_reboot.scss
+- bootstrap/scss/_root.scss
+- bootstrap/scss/_spinners.scss
+- bootstrap/scss/_tables.scss
+- bootstrap/scss/_toasts.scss
+- bootstrap/scss/_tooltip.scss
+- bootstrap/scss/_transitions.scss
+- bootstrap/scss/_type.scss
+- bootstrap/scss/_utilities.scss
+- bootstrap/scss/_variables.scss
+- bootstrap/scss/bootstrap-grid.scss
+- bootstrap/scss/bootstrap-reboot.scss
+- bootstrap/scss/bootstrap-utilities.scss
+- bootstrap/scss/bootstrap.scss
+- bootstrap/scss/forms/_floating-labels.scss
+- bootstrap/scss/forms/_form-check.scss
+- bootstrap/scss/forms/_form-control.scss
+- bootstrap/scss/forms/_form-range.scss
+- bootstrap/scss/forms/_form-select.scss
+- bootstrap/scss/forms/_form-text.scss
+- bootstrap/scss/forms/_input-group.scss
+- bootstrap/scss/forms/_labels.scss
+- bootstrap/scss/forms/_validation.scss
+- bootstrap/scss/helpers/_clearfix.scss
+- bootstrap/scss/helpers/_colored-links.scss
+- bootstrap/scss/helpers/_position.scss
+- bootstrap/scss/helpers/_ratio.scss
+- bootstrap/scss/helpers/_stacks.scss
+- bootstrap/scss/helpers/_stretched-link.scss
+- bootstrap/scss/helpers/_text-truncation.scss
+- bootstrap/scss/helpers/_visually-hidden.scss
+- bootstrap/scss/helpers/_vr.scss
+- bootstrap/scss/mixins/_alert.scss
+- bootstrap/scss/mixins/_backdrop.scss
+- bootstrap/scss/mixins/_border-radius.scss
+- bootstrap/scss/mixins/_box-shadow.scss
+- bootstrap/scss/mixins/_breakpoints.scss
+- bootstrap/scss/mixins/_buttons.scss
+- bootstrap/scss/mixins/_caret.scss
+- bootstrap/scss/mixins/_clearfix.scss
+- bootstrap/scss/mixins/_color-scheme.scss
+- bootstrap/scss/mixins/_container.scss
+- bootstrap/scss/mixins/_deprecate.scss
+- bootstrap/scss/mixins/_forms.scss
+- bootstrap/scss/mixins/_gradients.scss
+- bootstrap/scss/mixins/_grid.scss
+- bootstrap/scss/mixins/_image.scss
+- bootstrap/scss/mixins/_list-group.scss
+- bootstrap/scss/mixins/_lists.scss
+- bootstrap/scss/mixins/_pagination.scss
+- bootstrap/scss/mixins/_reset-text.scss
+- bootstrap/scss/mixins/_resize.scss
+- bootstrap/scss/mixins/_table-variants.scss
+- bootstrap/scss/mixins/_text-truncate.scss
+- bootstrap/scss/mixins/_transition.scss
+- bootstrap/scss/mixins/_utilities.scss
+- bootstrap/scss/mixins/_visually-hidden.scss
+- bootstrap/scss/utilities/_api.scss
+- bootstrap/scss/vendor/_rfs.scss
+- css/prism.css
+- css/style.css
+- gulpfile.js
+- img/.DS_Store
+- img/arrow-active.png
+- img/arrow-disable.png
+- img/arrow.png
+- img/close.png
+- img/phone.png
+- img/placeholder.png
+- img/placeholder_avatar.png
+- img/qr-code-loja.png
+- img/store_icon.png
+- index.html
+- install_nvm.sh
+- package-lock.json
+- package.json
+- scss/.DS_Store
+- scss/guide/.DS_Store
+- scss/guide/_variables.scss
+- scss/guide/components/_animations.scss
+- scss/guide/components/_typography.scss
+- scss/guide/components/arabescos/arabescos.scss
+- scss/guide/components/buttons/btn.scss
+- scss/guide/components/buttons/btn__large.scss
+- scss/guide/components/buttons/btn__primary.scss
+- scss/guide/components/buttons/btn__secondary.scss
+- scss/guide/components/buttons/btn__tertiary.scss
+- scss/guide/components/cardapp/cardapp.scss
+- scss/guide/components/cards/card.scss
+- scss/guide/components/cards/card__horizontal.scss
+- scss/guide/components/cards/card__horizontal__small.scss
+- scss/guide/components/inputs/_checkbox.scss
+- scss/guide/components/inputs/_text.scss
+- scss/guide/components/lista/lista.scss
+- scss/guide/components/pagination/pagination.scss
+- scss/guide/components/pills/pill.scss
+- scss/guide/components/pills/pill__full.scss
+- scss/guide/components/pills/pill__secundary.scss
+- scss/guide/components/pills/pill__small.scss
+- scss/guide/components/revisado/revisado.scss
+- scss/guide/style.scss
+homepage: https://github.com/sejavitat/vitat-design-system/tree/vitat-novos-negocios-webview
 licenses:
 - MIT
 metadata: {}

data/CODE_OF_CONDUCT.md

@@ -1,74 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, gender identity and expression, level of experience,
-nationality, personal appearance, race, religion, or sexual identity and
-orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment
-include:
-
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-* The use of sexualized language or imagery and unwelcome sexual attention or
-advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
-  address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior and are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces
-when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
-address, posting via an official social media account, or acting as an appointed
-representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at amanda.rocha@vitat.com.br. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at [http://contributor-covenant.org/version/1/4][version]
-
-[homepage]: http://contributor-covenant.org
-[version]: http://contributor-covenant.org/version/1/4/

data/Gemfile

@@ -1,6 +0,0 @@
-source "https://rubygems.org"
-
-git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
-
-# Specify your gem's dependencies in vitat-css.gemspec
-gemspec