@tattvafoundation/upyog-css 1.0.28 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -9016,13 +9016,13 @@ body {
9016
9016
  -webkit-box-align: center;
9017
9017
  -ms-flex-align: center;
9018
9018
  align-items: center;
9019
- height: 100%; }
9020
-
9021
- .mobile-CardWrapper .card, .mobile-CardWrapper .card-emp {
9022
- width: 510px; }
9019
+ height: 100%;
9020
+ width: 100%;
9021
+ margin: 0; }
9023
9022
 
9024
- .planningCardWrapper .card, .planningCardWrapper .card-emp {
9025
- max-width: 400px; }
9023
+ .mobile-CardWrapper .card, .mobile-CardWrapper .card-emp, .mobile-CardWrapper .planningCardWrapper .card, .mobile-CardWrapper .planningCardWrapper .card-emp {
9024
+ width: 100%;
9025
+ max-width: 510px; }
9026
9026
 
9027
9027
  .CardBasedOptions, .CitizenHomeCard {
9028
9028
  -webkit-transition: all .5s linear;
@@ -10163,6 +10163,42 @@ button.submit-bar:hover {
10163
10163
  text-align: center;
10164
10164
  color: red; }
10165
10165
 
10166
+ @media screen and (max-width: 320px) {
10167
+ .mobile-CardWrapper {
10168
+ min-height: 30vh; }
10169
+ .mobile-CardWrapper .card, .mobile-CardWrapper .card-emp, .mobile-CardWrapper .planningCardWrapper .card, .mobile-CardWrapper .planningCardWrapper .card-emp {
10170
+ width: 100%;
10171
+ margin: 0; } }
10172
+
10173
+ @media screen and (max-width: 480px) {
10174
+ .mobile-CardWrapper {
10175
+ min-height: 30vh; }
10176
+ .mobile-CardWrapper .card, .mobile-CardWrapper .card-emp, .mobile-CardWrapper .planningCardWrapper .card, .mobile-CardWrapper .planningCardWrapper .card-emp {
10177
+ width: 100%;
10178
+ margin: 0; } }
10179
+
10180
+ @media screen and (max-width: 600px) {
10181
+ .mobile-CardWrapper {
10182
+ min-height: 35vh; }
10183
+ .mobile-CardWrapper .card, .mobile-CardWrapper .card-emp, .mobile-CardWrapper .planningCardWrapper .card, .mobile-CardWrapper .planningCardWrapper .card-emp {
10184
+ width: 100%;
10185
+ margin: 0; } }
10186
+
10187
+ @media screen and (max-width: 768px) {
10188
+ .mobile-CardWrapper {
10189
+ min-height: 40vh; }
10190
+ .mobile-CardWrapper .card, .mobile-CardWrapper .card-emp {
10191
+ max-width: 100%;
10192
+ width: 100%; } }
10193
+
10194
+ @media screen and (max-width: 1024px) {
10195
+ .mobile-CardWrapper .card, .mobile-CardWrapper .card-emp {
10196
+ max-width: 480px; } }
10197
+
10198
+ @media screen and (max-height: 600px) and (orientation: landscape) {
10199
+ .mobile-CardWrapper {
10200
+ min-height: 20vh; } }
10201
+
10166
10202
  @media (max-width: 768px) {
10167
10203
  .deonar-security {
10168
10204
  display: -webkit-box;