Merge pull request #2733 from brkcvn/new-plans

Added new styling class name for plans page

presets.js

@@ -157,6 +157,58 @@ module.exports = {
                   '800': '#9f1239',
                   '900': '#881337'
                 },
+                'silver': {
+                  DEFAULT: '#7F8997',
+                  '50': '#F0F1F3', 
+                  '100': '#D4D7DC', 
+                  '200': '#B8BDC5', 
+                  '300': '#9CA3AE', 
+                  '400': '#7F8997', 
+                  '500': '#636F80', 
+                  '600': '#475569', 
+                  '700': '#424F61', 
+                  '800': '#3A4555', 
+                  '900': '#323B49'
+                },
+                'pastel_green': {
+                  DEFAULT: '#E0F1E3',
+                  '50': '#E0F1E3', 
+                  '100': '#CCE0D0', 
+                  '200': '#B8D0BD', 
+                  '300': '#A3BFAB', 
+                  '400': '#8FAE98', 
+                  '500': '#7B9E85', 
+                  '600': '#678D72', 
+                  '700': '#5E8268', 
+                  '800': '#56765F', 
+                  '900': '#4D6A55'
+                },
+                'peach_orange': {
+                  DEFAULT: '#FCF2D9',
+                  '50': '#FCF2D9', 
+                  '100': '#F0E0BE', 
+                  '200': '#E5CFA4', 
+                  '300': '#DABE89', 
+                  '400': '#CEAC6E', 
+                  '500': '#C39B54', 
+                  '600': '#B78939', 
+                  '700': '#AC8035', 
+                  '800': '#9C7430', 
+                  '900': '#8C692B'
+                },
+                'wisteria': {
+                  DEFAULT: '#E5E4FA',
+                  '50': '#E5E4FA', 
+                  '100': '#D0CEE8', 
+                  '200': '#BAB9D5', 
+                  '300': '#A5A4C3', 
+                  '400': '#908EB1', 
+                  '500': '#7A799E', 
+                  '600': '#65638C', 
+                  '700': '#5F5D83', 
+                  '800': '#565577', 
+                  '900': '#4D4C6B'
+                },
                 'status': {
                   'success': '#F1F6EE',
                   'danger':  '#fae6e6',
@@ -184,7 +236,10 @@ module.exports = {
                 'dark-blue': '#15284B',
                 'lighter-gray': '#F2F2F5',
                 'purple-lighter': '#F2F4FC',
-                'modal-background': 'rgba(0, 0, 0, 0.3)'
+                'modal-background': 'rgba(0, 0, 0, 0.3)',
+                'black-medium': '#424242',
+                'red-light': '#FF6B6B',
+                'default': '#6ea152',
           },
 
           spacing: {
@@ -193,11 +248,13 @@ module.exports = {
               '5.5':   '1.30rem', 
               '9.5':   '2.45rem',
               '12.5':  '3.2rem',
+              '18':    '4.5rem',
               '31':    '30.938rem',
               '32.5':  '8.5rem',
               '33':    '8.5rem',
               '37':    '9.25rem',
               '46':    '46.875rem',
+              '98':    '27.8rem',
           },
 
           margin: {

resources/assets/sass/app.css

@@ -568,6 +568,18 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
     right: 16.5rem;
 }
 
+/* plans page accordion */
+.active-accordion .js-accordions-text {
+    opacity: 1 !important;
+    visibility: visible !important;
+    height: auto !important;
+  }
+  
+  .active-accordion i {
+    transform: rotate(180deg);
+  }
+  /* plans page accordion */
+
 @media only screen and (max-width: 480px) {
     .small-table-width {
         width: 550px;

safelist.txt

@@ -1,4 +1,22 @@
-xl:pt-6
+hover:bg-silver-600
+hover:bg-peach_orange-600
+hover:bg-wisteria-600
+hover:bg-pastel_green-600
+hover:bg-white
+hover:border-silver-600
+hover:border-peach_orange-600
+hover:border-wisteria-600
+hover:border-pastel_green-600
+hover:text-silver-600
+hover:text-peach_orange-600
+hover:text-wisteria-600
+hover:text-pastel_green-600
+sm:ltr:right-4
+sm:rtl:left-4
+sm:w-500
+sm:min-h-500
+sm:max-w-4xl
+md:grid-cols-2
 lg:mt-2
 lg:pl-24
 lg:my-12
@@ -18,10 +36,39 @@ lg:space-x-16
 lg:pr-12
 lg:inline-flex
 lg:space-y-0
-sm:ltr:right-4
-sm:rtl:left-4
-sm:w-500
-sm:min-h-500
+lg:text-6xl
+lg:h-6
+lg:text-xl
+lg:grid-cols-2
+lg:grid-cols-3
+lg:my-16
+lg:h-98
+lg:leading-4
+lg:ltr:ml-72
+lg:rtl:mr-72
+lg:space-x-8
+lg:text-4xl
+lg:top-7
+lg:max-w-lg
+lg:h-full
+lg:w-18
+lg:-mt-10
+lg:overflow-x-hidden
+xl:grid-cols-4
+xl:w-8/12
+xl:pt-6
+ltr:-right-10
+rtl:-left-10
+ltr:rounded-tl-md
+ltr:rounded-bl-md
+rtl:rounded-tr-md
+rtl:rounded-br-md
+ltr:rounded-tr-md
+ltr:rounded-br-md
+rtl:rounded-tl-md
+rtl:rounded-bl-md
 ltr:-right-1.5
 rtl:-left-1.5
 rtl:-scale-x-100
+ltr:border-l-8
+rtl:border-r-8