|
- html, body {
- font-size: 16px;
- height: 100%;
- }
-
- body {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- line-height: 1.6;
- background-color: $background;
- color: $foreground;
-
- // for sticky footer
- display: flex;
- flex-direction: column;
- min-height: 100vh;
- }
-
- a {
- color: white;
- text-decoration: none;
- cursor: pointer;
-
- &:hover {
- text-decoration: underline;
- }
-
- &:visited {
- color: white;
- }
-
- // totally taken from stripe
- &.button {
- outline: none;
- white-space: nowrap;
- display: inline-block;
- height: 40px;
- line-height: 40px;
- padding: 0 14px;
- box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
- background: #fff;
- border-radius: 4px;
- font-size: 15px;
- font-weight: 600;
- text-transform: uppercase;
- letter-spacing: .025em;
- color: #191919;
- text-decoration: none;
- transition: all .15s ease;
-
- &:hover {
- transform: translateY(-1px);
- text-decoration: none;
- box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
- }
-
- &:active {
- background-color: #f6f9fc;
- transform: translateY(1px);
- // box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, .08);
- }
- }
- }
-
- pre {
- padding: 1rem;
- overflow: auto;
- }
|