petar_bonov

(mobile) 3D phone color swatches

Jul 13th, 2020
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.96 KB | None | 0 0
  1. #binkies-container, #binkies-container-waiting-on-click
  2. {
  3.     display: none;
  4.     width: 100%;
  5.     position: relative;
  6. }
  7.  
  8. #binkies-container {
  9.     padding-bottom: 20px;
  10.     background-color: var(--color-body-background);
  11. }
  12.  
  13. #binkies-content {
  14.     height: 550px;
  15.     max-width: 100%;
  16.     margin: 0 auto 0;
  17.     background-color: var(--color-card-backgorund);
  18. }
  19.  
  20. #binkies-color-switcher {
  21.     display: flex;
  22.     flex-wrap: wrap;
  23.     justify-content: center;
  24.     padding-bottom: 10px;
  25.     background-color: var(--color-card-backgorund);
  26. }
  27. .binkies-color-swatch {
  28.     font: 700 15px sans-serif;
  29.     color: var(--color-tab-text, #616161);
  30.     cursor: pointer;
  31.     display: inline-flex;
  32.     align-items: center;
  33.     height: 2em;
  34.     padding: .5em .5em .5em 4px;
  35. }
  36. .binkies-color-swatch:before {
  37.     display: inline-block;
  38.     content: "";
  39.     width: 3px;
  40.     height: calc(2em - 8px);
  41.     margin-right: 4px;
  42. }
  43. .binkies-color-swatch.selected {
  44.     background-color: var(--color-tab-background, #eee);
  45. }
  46. .binkies-color-swatch.selected:before {
  47.     background-color: var(--color-header-top-row-background, #6d6d6d);
  48. }
Add Comment
Please, Sign In to add comment