prepping release 2.3.0

Author: allisonchefec

dist/solid.2.3.0.css

@@ -3510,66 +3510,72 @@ select::-ms-expand,
 
 .page-message {
   position: relative;
-  margin-top: .125rem;
-  padding: .75rem;
+  margin-top: 0.25rem;
+  padding: 1rem;
   font-size: 1rem;
   font-weight: 600; }
 
-.page-message__text:before {
-  content: "";
-  height: 1rem;
-  width: 1rem;
-  display: inline-block;
-  position: relative;
-  bottom: -2px;
-  margin-right: 0.5rem;
-  background-repeat: no-repeat;
-  background-position: center; }
-
 .page-message__action {
   text-decoration: underline; }
 
 .page-message__close {
   position: absolute;
-  right: .25rem;
-  top: .375rem;
-  padding: .5rem;
+  right: 0.25rem;
+  top: 0.5rem;
+  padding: 0.5rem;
   cursor: pointer; }
 
-.page-message__close-icon {
-  width: .75rem; }
+.page-message__icon {
+  vertical-align: middle;
+  height: 1rem;
+  border-radius: 50%;
+  margin-bottom: .15rem;
+  margin-right: 0.5rem; }
+
+.page-message__icon-close {
+  width: 1.5rem; }
 
 .page-message--error {
   background-color: #feebe9;
   color: #e32; }
   .page-message--error .page-message__text,
   .page-message--error .page-message__action {
     color: #e32; }
-    .page-message--error .page-message__text:before,
-    .page-message--error .page-message__action:before {
-      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22488%22%20height%3D%22488%22%20viewBox%3D%220%200%20488%20488%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%09%3Cpath%20d%3D%22M244%200c-134.708%200-244%20109.292-244%20244s109.292%20244%20244%20244%20244-109.292%20244-244-109.292-244-244-244zm40.667%20396.182c0%205.719-4.448%2010.484-9.849%2010.484h-61c-5.719%200-10.484-4.766-10.484-10.484v-60.365c0-5.719%204.766-10.484%2010.484-10.484h61c5.401%200%209.849%204.766%209.849%2010.484v60.365zm-.635-109.292c-.318%204.448-5.083%207.943-10.802%207.943h-58.776c-6.036%200-10.802-3.495-10.802-7.943l-5.401-197.297c0-2.224.953-4.448%203.177-5.719%201.906-1.589%204.766-2.542%207.625-2.542h69.896c2.859%200%205.719.953%207.625%202.542%202.224%201.271%203.177%203.495%203.177%205.719l-5.719%20197.297z%22%20fill%3D%22%23e32%22/%3E%3C/svg%3E");
-      background-size: 1rem; }
-  .page-message--error .page-message__close-icon {
+  .page-message--error .page-message__icon-close {
     fill: #fa9287; }
-  .page-message--error .page-message__close:hover .page-message__close-icon {
+  .page-message--error .page-message__close:hover .page-message__icon-close {
     fill: #e32; }
+  .page-message--error .page-message__icon {
+    fill: #feebe9;
+    background-color: #e32; }
 
 .page-message--success {
   background-color: #f1f8e9;
   color: #6fb824; }
   .page-message--success .page-message__text,
   .page-message--success .page-message__action {
     color: #6fb824; }
-    .page-message--success .page-message__text:before,
-    .page-message--success .page-message__action:before {
-      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M491.185%20120.619l-42.818-42.818c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-206.534%20206.849-92.563-92.877c-5.667-5.667-13.538-8.815-21.409-8.815-7.871%200-15.742%203.148-21.409%208.815l-42.818%2042.818c-5.667%205.667-8.815%2013.538-8.815%2021.409%200%207.871%203.148%2015.742%208.815%2021.409l113.972%20113.972%2042.818%2042.818c5.667%205.667%2013.538%208.815%2021.409%208.815%207.871%200%2015.742-3.148%2021.409-8.815l42.818-42.818%20227.943-227.943c5.667-5.667%208.815-13.538%208.815-21.409%200-7.871-3.148-15.742-8.815-21.409z%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E");
-      background-size: .625rem;
-      background-color: #6fb824;
-      border-radius: 50%; }
-  .page-message--success .page-message__close-icon {
+  .page-message--success .page-message__icon-close {
     fill: #c0df9c; }
-  .page-message--success .page-message__close:hover .page-message__close-icon {
+  .page-message--success .page-message__close:hover .page-message__icon-close {
     fill: #6fb824; }
+  .page-message--success .page-message__icon {
+    fill: #f1f8e9;
+    background-color: #6fb824; }
+
+.page-message--warning {
+  background-color: #fdf0dd;
+  color: #f49c1a; }
+  .page-message--warning .page-message__text,
+  .page-message--warning .page-message__action {
+    color: #f49c1a; }
+  .page-message--warning .page-message__icon-close {
+    fill: #f9c67b; }
+  .page-message--warning .page-message__close:hover .page-message__icon-close {
+    fill: #f49c1a; }
+  .page-message--warning .page-message__icon {
+    fill: #fdf0dd;
+    background-color: #f49c1a; }
 
 .page-message__action:hover {
   color: #07e; }
@@ -3597,7 +3603,7 @@ select::-ms-expand,
   display: inline-block;
   cursor: pointer;
   float: left;
-  padding: .5rem .875rem;
+  padding: 0.5rem 0.875rem;
   border-right: 1px solid rgba(0, 0, 0, 0.2); }
   .button-group__item:hover {
     transition: background-color .3s ease 0s;
@@ -3730,7 +3736,67 @@ select::-ms-expand,
     fill: #444444; }
 
 .card {
-  box-shadow: 0 1px 0 rgba(173, 168, 168, 0.1), 0 2px 1px rgba(181, 179, 179, 0.1);
-  border: 1px solid rgba(41, 41, 41, 0.1);
+  box-shadow: 0 1px 1px rgba(173, 168, 168, 0.1);
+  border: 1px solid rgba(0, 0, 0, 0.1);
   background-color: #fff;
   border-radius: 3px; }
+
+.pagination {
+  display: flex;
+  align-items: center; }
+  .pagination .pagination__text {
+    padding-right: 1rem; }
+  .pagination .pagination__button {
+    position: relative;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    text-decoration: none;
+    color: #07e;
+    background: #fff;
+    float: left;
+    transition: background-color .15s ease 0s; }
+    .pagination .pagination__button, .pagination .pagination__button:active:focus {
+      outline: 0; }
+    .pagination .pagination__button:hover {
+      transition: background-color .15s ease 0s;
+      background-color: #f4f4f4; }
+    .pagination .pagination__button:active {
+      transition: background-color .15s ease 0s;
+      background-color: #e7e7e7; }
+  .pagination .pagination__button {
+    padding: 0.5rem 0.875rem; }
+  .pagination .pagination__button--prev {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+    border-right: none; }
+  .pagination .pagination__button--next {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px; }
+  .pagination .pagination__button--prev-icon,
+  .pagination .pagination__button--next-icon {
+    width: .875rem;
+    fill: #07e;
+    position: relative;
+    top: 2px; }
+  .pagination .pagination__button--prev-icon {
+    right: 1px; }
+  .pagination .pagination__button--next-icon {
+    left: 1px; }
+  .pagination .pagination__button--disabled:hover {
+    cursor: auto;
+    background-color: #fff; }
+  .pagination .pagination__button--disabled .pagination__button__prev-icon,
+  .pagination .pagination__button--disabled .pagination__button__next-icon {
+    opacity: .3; }
+
+.pagination--small .pagination__button__prev-icon,
+.pagination--small .pagination__button__next-icon {
+  width: .625rem;
+  top: 1px; }
+
+.pagination--small .pagination__button {
+  padding: 0.3125rem .625rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem; }
+
+.pagination--small .pagination__text {
+  font-size: 0.875rem; }