iErik

<template>
  <div
    ref="tabberEl"
    :class="['c-tabber', { '-full-width': fullWidth, '-alternative': alternative }]"
    @mousedown="!noSwipe && bindScroll($event)"
  >

    <div
      ref="wrapperEl"
      :class="[ 'wrapper', { '-resizable': resizable } ]"

iErik

<template>
  <form class="c-form" name="formData" @submit.prevent="submitForm">
    <div class="fields">
      <slot>
        <template v-for="(field, fieldName) in fields">
          <c-radio-button
            v-if="['radio', 'check'].includes(field.type)"
            class="radio field"
            :key="fieldName"
            :name="fieldName"

iErik

<template>
  <c-input-container v-bind="$attrs" class="c-radio-button">
    <div class="inner" :style="rows">
      <div
        class="option"
        v-for="(option, index) in options"
        :key="index"
        @click="$emit('input', option)"
       >
        <div class="borderline">

iErik

// Media queries helpers
$breakpoints: (
  mobile:  0px,
  tablet:  1024px,
  desktop: 1280px
);

@mixin xs-mobile {
  @media only screen and (max-width: #{map-get($breakpoints, mobile) - 1px}) { @content; }
}

iErik

<template>
  <c-popover
    align="left"
    class="actions-popover"
    :selector="scrollSelector"
    :target="target"
    @handler="$emit('close')"
  >
    <c-card class="actions" no-border>
      <slot>

iErik

  { "id": "1"
  , "employee_quantity": 9
  , "current_value": 23190000
  , "last_value": 2190000
  , "event":
      { "name": "Antecipação salarial 13 salário"
      , "type": "Provento"
      , "format": "Valor"
      }
  , "collaborators":

iErik

(define atom?
  (lambda (x)
    (and (not (pair? x)) (not (null? x)))))

(define lat?
  (lambda (l)
    (cond
      ((null? l) #t)
      ((atom? (car l)) (lat? (cdr l)))
      (else #f))))

iErik

<template>
  <div class="c-multiselect" :class="generatedClass">
    <label
      v-if="formLabel"
      class="label">
      <span>
        {{ formLabel }}<span v-if="required" class="required">*</span>
      </span>
    </label>

iErik

<template>
  <div class="activate-form">
    <!-- modais -->
    <login-modal
      :opened="false"
      title="Bem vindo ao clube!"
      maintext="Parabéns, Seja bem vindo ao Clube!"
      text="Você está pronto para encontrar os melhores descontos em mais de [13948] parceiros"
      type="happy"
      button="Aproveitar o clube"

iErik

<style lang="scss">
@import '~@style/reference';


.login-page {

  .logo-form {
      margin-bottom: 40px;
      margin-top: 50px !important;
  }