Browse Source

Reduz paddings em celulares

master
Guilherme Capanema 6 years ago
parent
commit
0adaba7601
2 changed files with 4 additions and 4 deletions
  1. +3
    -3
      assets/partials/material.php
  2. +1
    -1
      dist/css/blocos.css

+ 3
- 3
assets/partials/material.php View File

@ -11,10 +11,10 @@
?>
<div class="reuna-bloco-material <?php echo $align_class; ?>" id="<?php echo $id; ?>">
<div class="rb-relative rb-pr-5 rb-pt-5">
<div class="rb-relative rb-pr-3 rb-pt-3 lg:rb-pr-5 lg:rb-pt-5">
<div class="rb-absolute rb-inset-0 rb-pl-5 rb-pb-5">
<div class="rb-w-full rb-h-full rb-border-orange-600 rb-border" style="border-color: <?php echo get_field('cor') ?> !important"></div>
<div class="rb-absolute rb-inset-0 rb-pl-3 rb-pb-3 lg:rb-pl-5 lg:rb-pb-5">
<div class="rb-w-full rb-h-full rb-border-orange-600 rb-border" style="border-color: <?php echo get_field('cor') ?> !important"></div>
</div>
<div class="rb-relative rb-flex rb-flex-col rb-space-y-3">


+ 1
- 1
dist/css/blocos.css View File

@ -1 +1 @@
.rb-container{width:100%}@media (min-width:640px){.rb-container{max-width:640px}}@media (min-width:768px){.rb-container{max-width:768px}}@media (min-width:1024px){.rb-container{max-width:1024px}}@media (min-width:1280px){.rb-container{max-width:1280px}}.rb-space-y-2>:not(template)~:not(template){--space-y-reverse:0!important;margin-top:calc(0.5rem*(1 - var(--space-y-reverse)))!important;margin-bottom:calc(0.5rem*var(--space-y-reverse))!important}.rb-space-y-3>:not(template)~:not(template){--space-y-reverse:0!important;margin-top:calc(0.75rem*(1 - var(--space-y-reverse)))!important;margin-bottom:calc(0.75rem*var(--space-y-reverse))!important}.rb-bg-orange-600{--bg-opacity:1!important;background-color:#f15a31!important;background-color:rgba(241,90,49,var(--bg-opacity))!important}.rb-border-orange-600{--border-opacity:1!important;border-color:#f15a31!important;border-color:rgba(241,90,49,var(--border-opacity))!important}.rb-border{border-width:1px!important}.rb-block{display:block!important}.rb-flex{display:flex!important}.rb-flex-col{flex-direction:column!important}.rb-font-bold{font-weight:700!important}.rb-h-auto{height:auto!important}.rb-h-full{height:100%!important}.rb-text-xs{font-size:.75rem!important}.rb-py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.rb-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.rb-pt-5{padding-top:1.25rem!important}.rb-pr-5{padding-right:1.25rem!important}.rb-pb-5{padding-bottom:1.25rem!important}.rb-pl-5{padding-left:1.25rem!important}.rb-absolute{position:absolute!important}.rb-relative{position:relative!important}.rb-inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.rb-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important}.hover\:rb-shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.rb-text-center{text-align:center!important}.rb-text-white{--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.rb-uppercase{text-transform:uppercase!important}.rb-no-underline{text-decoration:none!important}.rb-w-full{width:100%!important}.rb-transition-shadow{transition-property:box-shadow!important}.rb-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.rb-duration-200{transition-duration:.2s!important}
.rb-container{width:100%}@media (min-width:640px){.rb-container{max-width:640px}}@media (min-width:768px){.rb-container{max-width:768px}}@media (min-width:1024px){.rb-container{max-width:1024px}}@media (min-width:1280px){.rb-container{max-width:1280px}}.rb-space-y-2>:not(template)~:not(template){--space-y-reverse:0!important;margin-top:calc(0.5rem*(1 - var(--space-y-reverse)))!important;margin-bottom:calc(0.5rem*var(--space-y-reverse))!important}.rb-space-y-3>:not(template)~:not(template){--space-y-reverse:0!important;margin-top:calc(0.75rem*(1 - var(--space-y-reverse)))!important;margin-bottom:calc(0.75rem*var(--space-y-reverse))!important}.rb-bg-orange-600{--bg-opacity:1!important;background-color:#f15a31!important;background-color:rgba(241,90,49,var(--bg-opacity))!important}.rb-border-orange-600{--border-opacity:1!important;border-color:#f15a31!important;border-color:rgba(241,90,49,var(--border-opacity))!important}.rb-border{border-width:1px!important}.rb-block{display:block!important}.rb-flex{display:flex!important}.rb-flex-col{flex-direction:column!important}.rb-font-bold{font-weight:700!important}.rb-h-auto{height:auto!important}.rb-h-full{height:100%!important}.rb-text-xs{font-size:.75rem!important}.rb-py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.rb-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.rb-pt-3{padding-top:.75rem!important}.rb-pr-3{padding-right:.75rem!important}.rb-pb-3{padding-bottom:.75rem!important}.rb-pl-3{padding-left:.75rem!important}.rb-absolute{position:absolute!important}.rb-relative{position:relative!important}.rb-inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.rb-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important}.hover\:rb-shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.rb-text-center{text-align:center!important}.rb-text-white{--text-opacity:1!important;color:#fff!important;color:rgba(255,255,255,var(--text-opacity))!important}.rb-uppercase{text-transform:uppercase!important}.rb-no-underline{text-decoration:none!important}.rb-w-full{width:100%!important}.rb-transition-shadow{transition-property:box-shadow!important}.rb-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.rb-duration-200{transition-duration:.2s!important}@media (min-width:1024px){.lg\:rb-pt-5{padding-top:1.25rem!important}.lg\:rb-pr-5{padding-right:1.25rem!important}.lg\:rb-pb-5{padding-bottom:1.25rem!important}.lg\:rb-pl-5{padding-left:1.25rem!important}}