frontend: add vendor/tail
And remove unused vendored css.
This commit is contained in:
parent
2a1263abeb
commit
8c09b91cc0
13 changed files with 11 additions and 1108 deletions
|
@ -1,7 +1,7 @@
|
||||||
@import "fonts";
|
@import "fonts";
|
||||||
@import "colors";
|
@import "colors";
|
||||||
@import "global";
|
@import "global";
|
||||||
@import "layout";
|
@import "vendor/tail";
|
||||||
|
|
||||||
*, *:before, *:after {
|
*, *:before, *:after {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
196
twenty-frontend/src/css/vendor/_animations.scss
vendored
196
twenty-frontend/src/css/vendor/_animations.scss
vendored
|
@ -1,196 +0,0 @@
|
||||||
|
|
||||||
@charset "UTF-8";
|
|
||||||
/*!
|
|
||||||
* animate.css - https://animate.style/
|
|
||||||
* Version - 4.1.1
|
|
||||||
* Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
|
|
||||||
*
|
|
||||||
* Copyright (c) 2023 Animate.css
|
|
||||||
*/
|
|
||||||
:root {
|
|
||||||
--animate-duration: 1s;
|
|
||||||
--animate-delay: 1s;
|
|
||||||
--animate-repeat: 1;
|
|
||||||
}
|
|
||||||
.animate__animated {
|
|
||||||
-webkit-animation-duration: 1s;
|
|
||||||
animation-duration: 1s;
|
|
||||||
-webkit-animation-duration: var(--animate-duration);
|
|
||||||
animation-duration: var(--animate-duration);
|
|
||||||
-webkit-animation-fill-mode: both;
|
|
||||||
animation-fill-mode: both;
|
|
||||||
}
|
|
||||||
.animate__animated.animate__infinite {
|
|
||||||
-webkit-animation-iteration-count: infinite;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
}
|
|
||||||
.animate__animated.animate__repeat-1 {
|
|
||||||
-webkit-animation-iteration-count: 1;
|
|
||||||
animation-iteration-count: 1;
|
|
||||||
-webkit-animation-iteration-count: var(--animate-repeat);
|
|
||||||
animation-iteration-count: var(--animate-repeat);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__repeat-2 {
|
|
||||||
-webkit-animation-iteration-count: calc(1 * 2);
|
|
||||||
animation-iteration-count: calc(1 * 2);
|
|
||||||
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
|
|
||||||
animation-iteration-count: calc(var(--animate-repeat) * 2);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__repeat-3 {
|
|
||||||
-webkit-animation-iteration-count: calc(1 * 3);
|
|
||||||
animation-iteration-count: calc(1 * 3);
|
|
||||||
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
|
|
||||||
animation-iteration-count: calc(var(--animate-repeat) * 3);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__delay-1s {
|
|
||||||
-webkit-animation-delay: 1s;
|
|
||||||
animation-delay: 1s;
|
|
||||||
-webkit-animation-delay: var(--animate-delay);
|
|
||||||
animation-delay: var(--animate-delay);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__delay-2s {
|
|
||||||
-webkit-animation-delay: calc(1s * 2);
|
|
||||||
animation-delay: calc(1s * 2);
|
|
||||||
-webkit-animation-delay: calc(var(--animate-delay) * 2);
|
|
||||||
animation-delay: calc(var(--animate-delay) * 2);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__delay-3s {
|
|
||||||
-webkit-animation-delay: calc(1s * 3);
|
|
||||||
animation-delay: calc(1s * 3);
|
|
||||||
-webkit-animation-delay: calc(var(--animate-delay) * 3);
|
|
||||||
animation-delay: calc(var(--animate-delay) * 3);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__delay-4s {
|
|
||||||
-webkit-animation-delay: calc(1s * 4);
|
|
||||||
animation-delay: calc(1s * 4);
|
|
||||||
-webkit-animation-delay: calc(var(--animate-delay) * 4);
|
|
||||||
animation-delay: calc(var(--animate-delay) * 4);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__delay-5s {
|
|
||||||
-webkit-animation-delay: calc(1s * 5);
|
|
||||||
animation-delay: calc(1s * 5);
|
|
||||||
-webkit-animation-delay: calc(var(--animate-delay) * 5);
|
|
||||||
animation-delay: calc(var(--animate-delay) * 5);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__faster {
|
|
||||||
-webkit-animation-duration: calc(1s / 2);
|
|
||||||
animation-duration: calc(1s / 2);
|
|
||||||
-webkit-animation-duration: calc(var(--animate-duration) / 2);
|
|
||||||
animation-duration: calc(var(--animate-duration) / 2);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__fast {
|
|
||||||
-webkit-animation-duration: calc(1s * 0.8);
|
|
||||||
animation-duration: calc(1s * 0.8);
|
|
||||||
-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
|
|
||||||
animation-duration: calc(var(--animate-duration) * 0.8);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__slow {
|
|
||||||
-webkit-animation-duration: calc(1s * 2);
|
|
||||||
animation-duration: calc(1s * 2);
|
|
||||||
-webkit-animation-duration: calc(var(--animate-duration) * 2);
|
|
||||||
animation-duration: calc(var(--animate-duration) * 2);
|
|
||||||
}
|
|
||||||
.animate__animated.animate__slower {
|
|
||||||
-webkit-animation-duration: calc(1s * 3);
|
|
||||||
animation-duration: calc(1s * 3);
|
|
||||||
-webkit-animation-duration: calc(var(--animate-duration) * 3);
|
|
||||||
animation-duration: calc(var(--animate-duration) * 3);
|
|
||||||
}
|
|
||||||
@media print, (prefers-reduced-motion: reduce) {
|
|
||||||
.animate__animated {
|
|
||||||
-webkit-animation-duration: 1ms !important;
|
|
||||||
animation-duration: 1ms !important;
|
|
||||||
-webkit-transition-duration: 1ms !important;
|
|
||||||
transition-duration: 1ms !important;
|
|
||||||
-webkit-animation-iteration-count: 1 !important;
|
|
||||||
animation-iteration-count: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.animate__animated[class*='Out'] {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@-webkit-keyframes bounceOutDown {
|
|
||||||
20% {
|
|
||||||
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
|
|
||||||
transform: translate3d(0, 10px, 0) scaleY(0.985);
|
|
||||||
}
|
|
||||||
|
|
||||||
40%,
|
|
||||||
45% {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
|
|
||||||
transform: translate3d(0, -20px, 0) scaleY(0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
|
|
||||||
transform: translate3d(0, 2000px, 0) scaleY(3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes bounceOutDown {
|
|
||||||
20% {
|
|
||||||
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
|
|
||||||
transform: translate3d(0, 10px, 0) scaleY(0.985);
|
|
||||||
}
|
|
||||||
|
|
||||||
40%,
|
|
||||||
45% {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
|
|
||||||
transform: translate3d(0, -20px, 0) scaleY(0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
|
|
||||||
transform: translate3d(0, 2000px, 0) scaleY(3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.animate__bounceOutDown {
|
|
||||||
-webkit-animation-name: bounceOutDown;
|
|
||||||
animation-name: bounceOutDown;
|
|
||||||
}
|
|
||||||
@-webkit-keyframes bounceOutUp {
|
|
||||||
20% {
|
|
||||||
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
|
|
||||||
transform: translate3d(0, -10px, 0) scaleY(0.985);
|
|
||||||
}
|
|
||||||
|
|
||||||
40%,
|
|
||||||
45% {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
|
|
||||||
transform: translate3d(0, 20px, 0) scaleY(0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
|
|
||||||
transform: translate3d(0, -2000px, 0) scaleY(3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes bounceOutUp {
|
|
||||||
20% {
|
|
||||||
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
|
|
||||||
transform: translate3d(0, -10px, 0) scaleY(0.985);
|
|
||||||
}
|
|
||||||
|
|
||||||
40%,
|
|
||||||
45% {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
|
|
||||||
transform: translate3d(0, 20px, 0) scaleY(0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
|
|
||||||
transform: translate3d(0, -2000px, 0) scaleY(3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.animate__bounceOutUp {
|
|
||||||
-webkit-animation-name: bounceOutUp;
|
|
||||||
animation-name: bounceOutUp;
|
|
||||||
}
|
|
903
twenty-frontend/src/css/vendor/_forms.scss
vendored
903
twenty-frontend/src/css/vendor/_forms.scss
vendored
|
@ -1,903 +0,0 @@
|
||||||
/*!
|
|
||||||
* Form Framework v1.0.0 (https://form.js.org)
|
|
||||||
* Author: Abdall Arbab.
|
|
||||||
* Copyright 2019 Codolog.
|
|
||||||
* Licensed under MIT (https://github.com/the94air/form/blob/master/LICENSE)
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
||||||
|
|
||||||
/* Document
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the line height in all browsers.
|
|
||||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
line-height: 1.15; /* 1 */
|
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sections
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the margin in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render the `main` element consistently in IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
main {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the font size and margin on `h1` elements within `section` and
|
|
||||||
* `article` contexts in Chrome, Firefox, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: .67em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grouping content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in Firefox.
|
|
||||||
* 2. Show the overflow in Edge and IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
hr {
|
|
||||||
box-sizing: content-box; /* 1 */
|
|
||||||
height: 0; /* 1 */
|
|
||||||
overflow: visible; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre {
|
|
||||||
font-family: monospace, monospace; /* 1 */
|
|
||||||
font-size: 1em; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Text-level semantics
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the gray background on active links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Remove the bottom border in Chrome 57-
|
|
||||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: none; /* 1 */
|
|
||||||
text-decoration: underline; /* 2 */
|
|
||||||
-webkit-text-decoration: underline dotted;
|
|
||||||
text-decoration: underline dotted; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, monospace; /* 1 */
|
|
||||||
font-size: 1em; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font size in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
||||||
* all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the border on images inside links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Change the font styles in all browsers.
|
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
optgroup,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit; /* 1 */
|
|
||||||
font-size: 100%; /* 1 */
|
|
||||||
line-height: 1.15; /* 1 */
|
|
||||||
margin: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Show the overflow in IE.
|
|
||||||
* 1. Show the overflow in Edge.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
/* 1 */
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
||||||
* 1. Remove the inheritance of text transform in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
/* 1 */
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
[type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner border and padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner {
|
|
||||||
border-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Restore the focus styles unset by the previous rule.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button:-moz-focusring,
|
|
||||||
[type="button"]:-moz-focusring,
|
|
||||||
[type="reset"]:-moz-focusring,
|
|
||||||
[type="submit"]:-moz-focusring {
|
|
||||||
outline: 1px dotted ButtonText;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
padding: .35em .75em .625em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the text wrapping in Edge and IE.
|
|
||||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
||||||
* 3. Remove the padding so developers are not caught out when they zero out
|
|
||||||
* `fieldset` elements in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
legend {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
color: inherit; /* 2 */
|
|
||||||
display: table; /* 1 */
|
|
||||||
max-width: 100%; /* 1 */
|
|
||||||
padding: 0; /* 3 */
|
|
||||||
white-space: normal; /* 1 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
||||||
*/
|
|
||||||
|
|
||||||
progress {
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the default vertical scrollbar in IE 10+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in IE 10.
|
|
||||||
* 2. Remove the padding in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="checkbox"],
|
|
||||||
[type="radio"] {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
padding: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the odd appearance in Chrome and Safari.
|
|
||||||
* 2. Correct the outline style in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"] {
|
|
||||||
-webkit-appearance: textfield; /* 1 */
|
|
||||||
outline-offset: -2px; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner padding in Chrome and Safari on macOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
* 2. Change font properties to `inherit` in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
|
||||||
-webkit-appearance: button; /* 1 */
|
|
||||||
font: inherit; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Interactive
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
details {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
summary {
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Misc
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
template {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
|
|
||||||
* A thin layer on top of normalize.css that provides a starting point more
|
|
||||||
* suitable for web applications.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Prevent padding and border from affecting element width
|
|
||||||
* https://goo.gl/pYtbK7
|
|
||||||
* 2. Change the default font family in all browsers (opinionated)
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
font-family: sans-serif; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Removes the default spacing and border for appropriate elements.
|
|
||||||
*/
|
|
||||||
|
|
||||||
blockquote,
|
|
||||||
dl,
|
|
||||||
dd,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
figure,
|
|
||||||
p,
|
|
||||||
pre {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
background: transparent;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Work around a Firefox/IE bug where the transparent `button` background
|
|
||||||
* results in a loss of the default `button` focus styles.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button:focus {
|
|
||||||
outline: 1px dotted;
|
|
||||||
outline: 5px auto -webkit-focus-ring-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol,
|
|
||||||
ul {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Tailwind custom reset styles
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Allow adding a border to an element by just adding a border-width.
|
|
||||||
*
|
|
||||||
* By default, the way the browser specifies that an element should have no
|
|
||||||
* border is by setting it's border-style to `none` in the user-agent
|
|
||||||
* stylesheet.
|
|
||||||
*
|
|
||||||
* In order to easily add borders to elements by just setting the `border-width`
|
|
||||||
* property, we change the default border-style for all elements to `solid`, and
|
|
||||||
* use border-width to hide them instead. This way our `border` utilities only
|
|
||||||
* need to set the `border-width` property instead of the entire `border`
|
|
||||||
* shorthand, making our border utilities much more straightforward to compose.
|
|
||||||
*
|
|
||||||
* https://github.com/tailwindcss/tailwindcss/pull/116
|
|
||||||
*/
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
border-width: 0;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: #dae1e7;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Undo the `border-style: none` reset that Normalize applies to images so that
|
|
||||||
* our `border-{width}` utilities have the expected effect.
|
|
||||||
*
|
|
||||||
* The Normalize reset is unnecessary for us since we default the border-width
|
|
||||||
* to 0 on all elements.
|
|
||||||
*
|
|
||||||
* https://github.com/tailwindcss/tailwindcss/issues/362
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
input::-webkit-input-placeholder,
|
|
||||||
textarea::-webkit-input-placeholder {
|
|
||||||
color: inherit;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:-ms-input-placeholder,
|
|
||||||
textarea:-ms-input-placeholder {
|
|
||||||
color: inherit;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
input::-ms-input-placeholder,
|
|
||||||
textarea::-ms-input-placeholder {
|
|
||||||
color: inherit;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
input::placeholder,
|
|
||||||
textarea::placeholder {
|
|
||||||
color: inherit;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
button,
|
|
||||||
[role="button"] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
line-height: 1.25;
|
|
||||||
background-color: #fff;
|
|
||||||
color: #22292f;
|
|
||||||
font-weight: 400;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
height: 1px;
|
|
||||||
margin-top: 1.25rem;
|
|
||||||
margin-bottom: 1.25rem;
|
|
||||||
background-color: #dae1e7;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #3490dc;
|
|
||||||
transition: color 100ms ease;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: transparent;
|
|
||||||
-webkit-text-decoration-skip: objects;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover,
|
|
||||||
a:focus {
|
|
||||||
color: #1c3d5a;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([href]):not([tabindex]) {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([href]):not([tabindex]):hover,
|
|
||||||
a:not([href]):not([tabindex]):focus {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:not([href]):not([tabindex]):focus {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
label.form {
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding-left: .5rem;
|
|
||||||
padding-right: .5rem;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
border-radius: .125rem;
|
|
||||||
background-color: #fff;
|
|
||||||
color: inherit;
|
|
||||||
padding-top: .4rem;
|
|
||||||
padding-bottom: .4rem;
|
|
||||||
border: 1px solid #b8c2cc;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
transition: all 200ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):focus {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
|
|
||||||
border-color: #3490dc;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]):disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: .5;
|
|
||||||
background-color: #f1f5f8;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).error {
|
|
||||||
border-color: #e3342f;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.form:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]).error:focus {
|
|
||||||
box-shadow: 0 0 0 3px rgba(227, 52, 47, .5);
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea.form {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding-left: .5rem;
|
|
||||||
padding-right: .5rem;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
border-radius: .125rem;
|
|
||||||
background-color: #fff;
|
|
||||||
color: inherit;
|
|
||||||
padding-top: .4rem;
|
|
||||||
padding-bottom: .4rem;
|
|
||||||
border: 1px solid #b8c2cc;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
min-height: 100px;
|
|
||||||
transition: box-shadow 200ms ease, border 200ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea.form:focus {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
|
|
||||||
border-color: #3490dc;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea.form:disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: .5;
|
|
||||||
background-color: #f1f5f8;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea.form.error {
|
|
||||||
border-color: #e3342f;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea.form.error:focus {
|
|
||||||
box-shadow: 0 0 0 3px rgba(227, 52, 47, .5);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=checkbox].form {
|
|
||||||
margin-right: .25rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=checkbox].form:disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=checkbox].form + label.form {
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=radio].form {
|
|
||||||
margin-right: .25rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=radio].form:disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=radio].form + label.form {
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
select.form:not([multiple]) {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding-left: .5rem;
|
|
||||||
padding-right: .5rem;
|
|
||||||
padding-right: 1.25rem;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
border-radius: .125rem;
|
|
||||||
background-color: #fff;
|
|
||||||
color: inherit;
|
|
||||||
padding-top: .4rem;
|
|
||||||
padding-bottom: .4rem;
|
|
||||||
border: 1px solid #b8c2cc;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='26' viewBox='0 0 41 26'%3E%3Cpath fill='%23606060' d='M0 5.382l19.983 19.983L40.14 5.208 34.932 0 19.869 15.062 4.84.032z' fill-rule='evenodd' style='&%2310; fill: %23b8c2cc;&%2310;'/%3E%3C/svg%3E");
|
|
||||||
background-position: right .4rem center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: .75rem;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
transition: all 200ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
select.form:not([multiple]):focus {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
|
|
||||||
border-color: #3490dc;
|
|
||||||
}
|
|
||||||
|
|
||||||
select.form:not([multiple]):disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: .5;
|
|
||||||
background-color: #f1f5f8;
|
|
||||||
}
|
|
||||||
|
|
||||||
select.form:not([multiple]).error {
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='26' viewBox='0 0 41 26'%3E%3Cpath fill='%23606060' d='M0 5.382l19.983 19.983L40.14 5.208 34.932 0 19.869 15.062 4.84.032z' fill-rule='evenodd' style='&%2310; fill: %23e3342f;&%2310;'/%3E%3C/svg%3E");
|
|
||||||
background-position: right .4rem center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: .75rem;
|
|
||||||
border-color: #e3342f;
|
|
||||||
}
|
|
||||||
|
|
||||||
select.form:not([multiple]).error:focus {
|
|
||||||
box-shadow: 0 0 0 3px rgba(227, 52, 47, .5);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=file].form {
|
|
||||||
display: block;
|
|
||||||
border-radius: .125rem;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=file].form:focus {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
|
|
||||||
border-color: #3490dc;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=file].form:disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.form {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
font-size: .9rem;
|
|
||||||
color: #cc1f1a;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form,
|
|
||||||
input[type=button].form,
|
|
||||||
button.form,
|
|
||||||
a.form {
|
|
||||||
display: inline-block;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
border-radius: .125rem;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
white-space: nowrap;
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
padding-top: .5rem;
|
|
||||||
padding-bottom: .5rem;
|
|
||||||
margin-bottom: .5rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #fff;
|
|
||||||
background-color: #3490dc;
|
|
||||||
-webkit-transform: scale(1);
|
|
||||||
transform: scale(1);
|
|
||||||
transition: all 200ms ease;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form:hover,
|
|
||||||
input[type=submit].form:focus,
|
|
||||||
input[type=button].form:hover,
|
|
||||||
input[type=button].form:focus,
|
|
||||||
button.form:hover,
|
|
||||||
button.form:focus,
|
|
||||||
a.form:hover,
|
|
||||||
a.form:focus {
|
|
||||||
background-color: #2779bd;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form:focus,
|
|
||||||
input[type=button].form:focus,
|
|
||||||
button.form:focus,
|
|
||||||
a.form:focus {
|
|
||||||
outline: 0;
|
|
||||||
box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form:disabled,
|
|
||||||
input[type=button].form:disabled,
|
|
||||||
button.form:disabled,
|
|
||||||
a.form:disabled {
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.success,
|
|
||||||
input[type=button].form.success,
|
|
||||||
button.form.success,
|
|
||||||
a.form.success {
|
|
||||||
background-color: #38c172;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.success:hover,
|
|
||||||
input[type=submit].form.success:focus,
|
|
||||||
input[type=button].form.success:hover,
|
|
||||||
input[type=button].form.success:focus,
|
|
||||||
button.form.success:hover,
|
|
||||||
button.form.success:focus,
|
|
||||||
a.form.success:hover,
|
|
||||||
a.form.success:focus {
|
|
||||||
background-color: #1f9d55;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.info,
|
|
||||||
input[type=button].form.info,
|
|
||||||
button.form.info,
|
|
||||||
a.form.info {
|
|
||||||
background-color: #4dc0b5;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.info:hover,
|
|
||||||
input[type=submit].form.info:focus,
|
|
||||||
input[type=button].form.info:hover,
|
|
||||||
input[type=button].form.info:focus,
|
|
||||||
button.form.info:hover,
|
|
||||||
button.form.info:focus,
|
|
||||||
a.form.info:hover,
|
|
||||||
a.form.info:focus {
|
|
||||||
background-color: #38a89d;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.warning,
|
|
||||||
input[type=button].form.warning,
|
|
||||||
button.form.warning,
|
|
||||||
a.form.warning {
|
|
||||||
background-color: #f6993f;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.warning:hover,
|
|
||||||
input[type=submit].form.warning:focus,
|
|
||||||
input[type=button].form.warning:hover,
|
|
||||||
input[type=button].form.warning:focus,
|
|
||||||
button.form.warning:hover,
|
|
||||||
button.form.warning:focus,
|
|
||||||
a.form.warning:hover,
|
|
||||||
a.form.warning:focus {
|
|
||||||
background-color: #de751f;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.danger,
|
|
||||||
input[type=button].form.danger,
|
|
||||||
button.form.danger,
|
|
||||||
a.form.danger {
|
|
||||||
background-color: #e3342f;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.danger:hover,
|
|
||||||
input[type=submit].form.danger:focus,
|
|
||||||
input[type=button].form.danger:hover,
|
|
||||||
input[type=button].form.danger:focus,
|
|
||||||
button.form.danger:hover,
|
|
||||||
button.form.danger:focus,
|
|
||||||
a.form.danger:hover,
|
|
||||||
a.form.danger:focus {
|
|
||||||
background-color: #cc1f1a;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form.full,
|
|
||||||
input[type=button].form.full,
|
|
||||||
button.form.full,
|
|
||||||
a.form.full {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=submit].form + input[type=submit].form,
|
|
||||||
input[type=submit].form + input[type=button].form,
|
|
||||||
input[type=submit].form + button.form,
|
|
||||||
input[type=submit].form + a.form,
|
|
||||||
input[type=button].form + input[type=submit].form,
|
|
||||||
input[type=button].form + input[type=button].form,
|
|
||||||
input[type=button].form + button.form,
|
|
||||||
input[type=button].form + a.form,
|
|
||||||
button.form + input[type=submit].form,
|
|
||||||
button.form + input[type=button].form,
|
|
||||||
button.form + button.form,
|
|
||||||
button.form + a.form,
|
|
||||||
a.form + input[type=submit].form,
|
|
||||||
a.form + input[type=button].form,
|
|
||||||
a.form + button.form,
|
|
||||||
a.form + a.form {
|
|
||||||
margin-left: .5rem;
|
|
||||||
}
|
|
|
@ -1,11 +1,11 @@
|
||||||
@import "layout/height";
|
@import "tail/height";
|
||||||
@import "layout/width";
|
@import "tail/width";
|
||||||
@import "layout/margin";
|
@import "tail/margin";
|
||||||
@import "layout/padding";
|
@import "tail/padding";
|
||||||
@import "layout/borders";
|
@import "tail/borders";
|
||||||
@import "layout/text";
|
@import "tail/text";
|
||||||
@import "layout/font";
|
@import "tail/font";
|
||||||
@import "layout/cursor";
|
@import "tail/cursor";
|
||||||
|
|
||||||
.m-0-auto { margin: 0 auto; }
|
.m-0-auto { margin: 0 auto; }
|
||||||
.maxw-1024 { max-width: 1024px; }
|
.maxw-1024 { max-width: 1024px; }
|
|
@ -1,6 +1,8 @@
|
||||||
namespace :nanoc do
|
namespace :nanoc do
|
||||||
desc "Produce the build/ directory"
|
desc "Produce the build/ directory"
|
||||||
task :build do
|
task :build do
|
||||||
|
# FIXME: discover why rm -rf build/css/ is needed.
|
||||||
|
sh "rm -rf build/css/"
|
||||||
sh "nanoc co"
|
sh "nanoc co"
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue