SHARE
TWEET

Untitled

a guest Sep 12th, 2019 90 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .todo-input {
  2.   width: 100%;
  3.   padding: 10px 18px;
  4.   font-size: 18px;
  5.   margin-bottom: 16px;
  6. }
  7. .todo-input:focus {
  8.   outline: 0;
  9. }
  10.  
  11. .todo-item {
  12.   margin-bottom: 12px;
  13.   display: flex;
  14.   align-items: center;
  15.   justify-content: space-between;
  16.   animation-duration: 0.3s;
  17. }
  18.  
  19. .remove-item {
  20.   cursor: pointer;
  21.   margin-left: 14px;
  22. }
  23. .remove-item:hover {
  24.   color: black;
  25. }
  26.  
  27. .todo-item-left {
  28.   display: flex;
  29.   align-items: center;
  30. }
  31. .todo-item-label {
  32.   padding: 10px;
  33.   border: 1px solid white;
  34.   margin-left: 12px;
  35. }
  36. .todo-item-label.completed {
  37.   color: rgba(0,0,0,0.5);
  38.   text-decoration: line-through;
  39. }
  40.  
  41. .todo-item-edit {
  42.   font-size: 24px;
  43.   color: #2c3e50;
  44.   margin-left: 12px;
  45.   width: 100%;
  46.   padding: 10px;
  47.   border: 1px solid #ccc;
  48.   font-family: 'Avenir', Helvetica, Arial, sans-serif;
  49. }
  50. .todo-item-edit:focus {
  51.   outline: 0;
  52. }
  53. .extra-container {
  54.   display: flex;
  55.   align-items: center;
  56.   justify-content: space-between;
  57.   font-size: 16px;
  58.   border-top: 1px solid lightgrey;
  59.   padding-top: 14px;
  60.   margin-bottom: 14px;
  61. }
  62. button {
  63.   font-size: 14px;
  64.   background-color: white;
  65.   appearance: none;
  66.   border: 0;
  67.   padding: 6px 15px;
  68. }
  69. button:hover {
  70.   background: lightgreen;
  71. }
  72. button:focus {
  73.   outline: none;
  74. }
  75.  
  76. .active {
  77.   background: lightgreen;
  78. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top