vitat-css 0.1.1 → 0.1.3

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;
+    }
+  }
+}

data/vitat-css.gemspec

@@ -11,7 +11,7 @@ Gem::Specification.new do |spec|
 
   spec.summary       = %q{Lib css para uso nos projetos em ruby da Vitat}
   spec.description   = %q{Lib css para uso nos projetos em ruby da Vitat}
-  spec.homepage      = "https://vitat.com.br"
+  spec.homepage      = "https://github.com/sejavitat/front-bu"
   spec.license       = "MIT"
 
   # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vitat-css
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.3
 platform: ruby
 authors:
 - Amandavr
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2023-07-03 00:00:00.000000000 Z
+date: 2023-07-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -45,18 +45,160 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".DS_Store"
 - ".gitignore"
 - CODE_OF_CONDUCT.md
 - Gemfile
+- 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
 - LICENSE.txt
 - README.md
 - Rakefile
 - bin/console
 - bin/setup
+- 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/.DS_Store
+- 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
 - lib/vitat/css.rb
 - lib/vitat/css/version.rb
+- 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
+- vitat-css-0.1.1.gem
+- vitat-css-0.1.2.gem
 - vitat-css.gemspec
-homepage: https://vitat.com.br
+homepage: https://github.com/sejavitat/front-bu
 licenses:
 - MIT
 metadata: {}