viniBaxterDesk 0.13.2 → 0.14.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/administrate/application.scss +0 -29
  3. data/app/assets/stylesheets/docs.scss +0 -93
  4. data/lib/administrate/version.rb +1 -1
  5. metadata +1 -22
  6. data/app/assets/stylesheets/administrate/base/_forms.scss +0 -107
  7. data/app/assets/stylesheets/administrate/base/_layout.scss +0 -20
  8. data/app/assets/stylesheets/administrate/base/_lists.scss +0 -19
  9. data/app/assets/stylesheets/administrate/base/_tables.scss +0 -58
  10. data/app/assets/stylesheets/administrate/base/_typography.scss +0 -45
  11. data/app/assets/stylesheets/administrate/components/_app-container.scss +0 -9
  12. data/app/assets/stylesheets/administrate/components/_attributes.scss +0 -26
  13. data/app/assets/stylesheets/administrate/components/_buttons.scss +0 -51
  14. data/app/assets/stylesheets/administrate/components/_cells.scss +0 -47
  15. data/app/assets/stylesheets/administrate/components/_field-unit.scss +0 -45
  16. data/app/assets/stylesheets/administrate/components/_flashes.scss +0 -28
  17. data/app/assets/stylesheets/administrate/components/_form-actions.scss +0 -3
  18. data/app/assets/stylesheets/administrate/components/_main-content.scss +0 -29
  19. data/app/assets/stylesheets/administrate/components/_navigation.scss +0 -32
  20. data/app/assets/stylesheets/administrate/components/_pagination.scss +0 -18
  21. data/app/assets/stylesheets/administrate/components/_search.scss +0 -46
  22. data/app/assets/stylesheets/administrate/library/_clearfix.scss +0 -7
  23. data/app/assets/stylesheets/administrate/library/_data-label.scss +0 -8
  24. data/app/assets/stylesheets/administrate/library/_variables.scss +0 -63
  25. data/app/assets/stylesheets/administrate/reset/_normalize.scss +0 -447
  26. data/app/assets/stylesheets/administrate/utilities/_text-color.scss +0 -3
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 18a33f7bc6ba0238d797fda3f45e492ddb65e924f06b980df31ecd52616e0b84
4
- data.tar.gz: d3be68ff9c62b78e8426b5b012bd35a8fc914de19a7703acf6e6dd7d0838a020
3
+ metadata.gz: b6bf26555fd2ed2215a8cfd30301d5939687e4cc767dc96065f1384b24574f6c
4
+ data.tar.gz: 933f5055fbd3739ce26ef16bb2d7145ef1079e27f809809c28b09ba0fa4248aa
5
5
  SHA512:
6
- metadata.gz: abf5f4945b63f2476ec5c03686e179af5c75059d2606346772b0f17752dc58def8db77646e526ea46d1ef87822c30f49a16bf2fa795a83f0e4f130d427f21e36
7
- data.tar.gz: d8d218160c079ee3d8085f336dad2dcf0dd89edea296f293f15738dc1e6a6cc7639d1720329581c2f2d82b74e2ac8c94ff7567e2b8fc3d118915a2e6fd3c51ad
6
+ metadata.gz: 0bbb35522967c843e5b82ff4f35e04dd1af760131124e09703582117afb4c8c5bff00627c3859689c26391efb9a9721f75213232a37096c8652064d9681b9281
7
+ data.tar.gz: c72869b41a9f27bd65bbf8f76d3b5104f456f0efc24ac081b0704bd51ba022dcb54beb8a5b5cd6c5f500d0571ee0c82da227eeaa44b0e8ac79b4b176586be2bc
@@ -1,30 +1 @@
1
- @charset "utf-8";
2
1
 
3
- @import "reset/normalize";
4
-
5
- @import "selectize";
6
- @import "datetime_picker";
7
-
8
- @import "library/clearfix";
9
- @import "library/data-label";
10
- @import "library/variables";
11
-
12
- @import "base/forms";
13
- @import "base/layout";
14
- @import "base/lists";
15
- @import "base/tables";
16
- @import "base/typography";
17
-
18
- @import "components/app-container";
19
- @import "components/attributes";
20
- @import "components/buttons";
21
- @import "components/cells";
22
- @import "components/field-unit";
23
- @import "components/flashes";
24
- @import "components/form-actions";
25
- @import "components/main-content";
26
- @import "components/navigation";
27
- @import "components/pagination";
28
- @import "components/search";
29
-
30
- @import "utilities/text-color";
@@ -1,93 +0,0 @@
1
- $blue: #53adc6;
2
- $red: #cf726e;
3
- $green: #5bc89e;
4
- $white: #f0f0f0;
5
-
6
- $code-black: #202020;
7
- $code-white: #e0e0dc;
8
- $code-green: #b0bf82;
9
- $code-blue: #8fbdcc;
10
- $code-yellow: #f8d29d;
11
- $code-red: #b95c56;
12
-
13
- html,
14
- body {
15
- font-family: 'Lato', serif;
16
- font-size: 18px;
17
- line-height: 1.62em;
18
- margin: 0;
19
- }
20
-
21
- img {
22
- max-width: 100%;
23
- }
24
-
25
- h1,
26
- h2,
27
- h3 {
28
- font-family: 'Fjalla One', sans-serif;
29
- margin-top: 2em;
30
- }
31
-
32
- a {
33
- color: $blue;
34
- text-decoration: none;
35
- }
36
-
37
- .content {
38
- margin-bottom: 2em;
39
- margin-left: auto;
40
- margin-right: auto;
41
- margin-top: 2em;
42
- width: 60em;
43
-
44
- .sidebar {
45
- float: left;
46
- width: 20em;
47
-
48
- &-links {
49
- list-style: none;
50
- padding-left: 0;
51
- }
52
- }
53
-
54
- .main {
55
- float: right;
56
- width: 40em;
57
- }
58
- }
59
-
60
- .flash-wrapper {
61
- background-color: $red;
62
- color: $white;
63
- padding: 1em;
64
-
65
- .flash {
66
- margin-left: auto;
67
- margin-right: auto;
68
- width: 40em;
69
- }
70
- }
71
-
72
- code {
73
- font-family: "Source Code Pro";
74
- font-size: 0.8rem;
75
- padding: 0.4em 0.2em 0;
76
-
77
- &.hljs {
78
- background-color: $code-black;
79
- color: $code-white;
80
- padding-left: 1rem;
81
-
82
- .hljs-string { color: $code-green; }
83
- .hljs-subst { color: $code-white; }
84
- .hljs-constant { color: $code-blue; }
85
- .hljs-symbol { color: $code-red; }
86
- .hljs-keyword { color: $code-yellow; }
87
-
88
- .hljs-title,
89
- .hljs-parent { color: $code-blue; }
90
-
91
- .hljs-tag { color: $code-yellow; }
92
- }
93
- }
@@ -1,3 +1,3 @@
1
1
  module Administrate
2
- VERSION = "0.13.2".freeze
2
+ VERSION = "0.14.0".freeze
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: viniBaxterDesk
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.13.2
4
+ version: 0.14.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Nick Charlton
@@ -191,27 +191,6 @@ files:
191
191
  - app/assets/javascripts/administrate/components/date_time_picker.js
192
192
  - app/assets/javascripts/administrate/components/table.js
193
193
  - app/assets/stylesheets/administrate/application.scss
194
- - app/assets/stylesheets/administrate/base/_forms.scss
195
- - app/assets/stylesheets/administrate/base/_layout.scss
196
- - app/assets/stylesheets/administrate/base/_lists.scss
197
- - app/assets/stylesheets/administrate/base/_tables.scss
198
- - app/assets/stylesheets/administrate/base/_typography.scss
199
- - app/assets/stylesheets/administrate/components/_app-container.scss
200
- - app/assets/stylesheets/administrate/components/_attributes.scss
201
- - app/assets/stylesheets/administrate/components/_buttons.scss
202
- - app/assets/stylesheets/administrate/components/_cells.scss
203
- - app/assets/stylesheets/administrate/components/_field-unit.scss
204
- - app/assets/stylesheets/administrate/components/_flashes.scss
205
- - app/assets/stylesheets/administrate/components/_form-actions.scss
206
- - app/assets/stylesheets/administrate/components/_main-content.scss
207
- - app/assets/stylesheets/administrate/components/_navigation.scss
208
- - app/assets/stylesheets/administrate/components/_pagination.scss
209
- - app/assets/stylesheets/administrate/components/_search.scss
210
- - app/assets/stylesheets/administrate/library/_clearfix.scss
211
- - app/assets/stylesheets/administrate/library/_data-label.scss
212
- - app/assets/stylesheets/administrate/library/_variables.scss
213
- - app/assets/stylesheets/administrate/reset/_normalize.scss
214
- - app/assets/stylesheets/administrate/utilities/_text-color.scss
215
194
  - app/assets/stylesheets/docs.scss
216
195
  - app/controllers/administrate/application_controller.rb
217
196
  - app/controllers/concerns/administrate/punditize.rb
@@ -1,107 +0,0 @@
1
- fieldset {
2
- background-color: transparent;
3
- border: 0;
4
- margin: 0;
5
- padding: 0;
6
- }
7
-
8
- legend {
9
- font-weight: $bold-font-weight;
10
- margin: 0;
11
- padding: 0;
12
- }
13
-
14
- label {
15
- display: block;
16
- font-weight: $bold-font-weight;
17
- margin: 0;
18
- }
19
-
20
- input,
21
- select {
22
- display: block;
23
- font-family: $base-font-family;
24
- font-size: $base-font-size;
25
- }
26
-
27
- input,
28
- select,
29
- textarea {
30
- display: block;
31
- font-family: $base-font-family;
32
- font-size: 16px;
33
- }
34
-
35
- [type="color"],
36
- [type="date"],
37
- [type="datetime-local"],
38
- [type="email"],
39
- [type="month"],
40
- [type="number"],
41
- [type="password"],
42
- [type="search"],
43
- [type="tel"],
44
- [type="text"],
45
- [type="time"],
46
- [type="url"],
47
- [type="week"],
48
- input:not([type]),
49
- textarea {
50
- appearance: none;
51
- background-color: $white;
52
- border: $base-border;
53
- border-radius: $base-border-radius;
54
- padding: 0.5em;
55
- transition: border-color $base-duration $base-timing;
56
- width: 100%;
57
-
58
- &:hover {
59
- border-color: mix($black, $base-border-color, 20%);
60
- }
61
-
62
- &:focus {
63
- border-color: $action-color;
64
- outline: none;
65
- }
66
-
67
- &:disabled {
68
- background-color: mix($black, $white, 5%);
69
- cursor: not-allowed;
70
-
71
- &:hover {
72
- border: $base-border;
73
- }
74
- }
75
-
76
- &::placeholder {
77
- font-style: italic;
78
- }
79
- }
80
-
81
- textarea {
82
- resize: vertical;
83
- }
84
-
85
- [type="checkbox"],
86
- [type="radio"] {
87
- display: inline;
88
- margin-right: $small-spacing / 2;
89
- }
90
-
91
- [type="file"] {
92
- width: 100%;
93
- }
94
-
95
- select {
96
- width: 100%;
97
- }
98
-
99
- [type="checkbox"],
100
- [type="radio"],
101
- [type="file"],
102
- select {
103
- &:focus {
104
- outline: $focus-outline;
105
- outline-offset: $focus-outline-offset;
106
- }
107
- }
@@ -1,20 +0,0 @@
1
- html {
2
- background-color: $base-background-color;
3
- box-sizing: border-box;
4
- }
5
-
6
- *,
7
- *::before,
8
- *::after {
9
- box-sizing: inherit;
10
- }
11
-
12
- figure {
13
- margin: 0;
14
- }
15
-
16
- img,
17
- picture {
18
- margin: 0;
19
- max-width: 100%;
20
- }
@@ -1,19 +0,0 @@
1
- ul,
2
- ol {
3
- list-style-type: none;
4
- margin: 0;
5
- padding: 0;
6
- }
7
-
8
- dl {
9
- margin-bottom: $small-spacing;
10
-
11
- dt {
12
- font-weight: $bold-font-weight;
13
- margin-top: $small-spacing;
14
- }
15
-
16
- dd {
17
- margin: 0;
18
- }
19
- }
@@ -1,58 +0,0 @@
1
- table {
2
- border-collapse: collapse;
3
- font-size: 0.9em;
4
- text-align: left;
5
- width: 100%;
6
-
7
- a {
8
- color: inherit;
9
- text-decoration: none;
10
- }
11
- }
12
-
13
- thead {
14
- font-weight: $bold-font-weight;
15
- }
16
-
17
- tr {
18
- border-bottom: $base-border;
19
- }
20
-
21
- tbody tr {
22
- &:hover {
23
- background-color: $base-background-color;
24
- }
25
-
26
- [role=link] {
27
- cursor: pointer;
28
- }
29
-
30
- &:focus {
31
- outline: $focus-outline;
32
- outline-offset: -($focus-outline-width);
33
- }
34
- }
35
-
36
- td,
37
- th {
38
- font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
39
- font-kerning: normal;
40
- font-variant-ligatures: common-ligatures, contextual;
41
- font-variant-numeric: lining-nums, tabular-nums;
42
- padding: 0.75rem;
43
- vertical-align: middle;
44
- }
45
-
46
- td:first-child,
47
- th:first-child {
48
- padding-left: 2rem;
49
- }
50
-
51
- td:last-child,
52
- th:last-child {
53
- padding-right: 2rem;
54
- }
55
-
56
- td img {
57
- max-height: 2rem;
58
- }
@@ -1,45 +0,0 @@
1
- body {
2
- color: $base-font-color;
3
- font-family: $base-font-family;
4
- font-size: $base-font-size;
5
- line-height: $base-line-height;
6
- }
7
-
8
- h1,
9
- h2,
10
- h3,
11
- h4,
12
- h5,
13
- h6 {
14
- font-family: $heading-font-family;
15
- font-size: $base-font-size;
16
- line-height: $heading-line-height;
17
- margin: 0;
18
- }
19
-
20
- p {
21
- margin: 0 0 $small-spacing;
22
- }
23
-
24
- a {
25
- color: $action-color;
26
- text-decoration-skip-ink: auto;
27
- transition: color $base-duration $base-timing;
28
-
29
- &:hover {
30
- color: mix($black, $action-color, 25%);
31
- }
32
-
33
- &:focus {
34
- outline: $focus-outline;
35
- outline-offset: $focus-outline-offset;
36
- }
37
- }
38
-
39
- hr {
40
- border-bottom: $base-border;
41
- border-left: 0;
42
- border-right: 0;
43
- border-top: 0;
44
- margin: $base-spacing 0;
45
- }
@@ -1,9 +0,0 @@
1
- .app-container {
2
- align-items: stretch;
3
- display: flex;
4
- margin-left: auto;
5
- margin-right: auto;
6
- max-width: 100rem;
7
- min-height: 100vh;
8
- padding: $base-spacing;
9
- }
@@ -1,26 +0,0 @@
1
- .attribute-label {
2
- @include data-label;
3
- clear: left;
4
- float: left;
5
- margin-bottom: $base-spacing;
6
- margin-top: 0.25em;
7
- text-align: right;
8
- width: calc(15% - 1rem);
9
- }
10
-
11
- .preserve-whitespace {
12
- white-space: pre-wrap;
13
- word-wrap: break-word;
14
- }
15
-
16
- .attribute-data {
17
- float: left;
18
- margin-bottom: $base-spacing;
19
- margin-left: 2rem;
20
- width: calc(85% - 1rem);
21
- }
22
-
23
- .attribute--nested {
24
- border: $base-border;
25
- padding: $small-spacing;
26
- }
@@ -1,51 +0,0 @@
1
- button,
2
- input[type="button"],
3
- input[type="reset"],
4
- input[type="submit"],
5
- .button {
6
- appearance: none;
7
- background-color: $action-color;
8
- border: 0;
9
- border-radius: $base-border-radius;
10
- color: $white;
11
- cursor: pointer;
12
- display: inline-block;
13
- font-family: $base-font-family;
14
- font-size: $base-font-size;
15
- -webkit-font-smoothing: antialiased;
16
- font-weight: $bold-font-weight;
17
- line-height: 1;
18
- padding: $small-spacing $base-spacing;
19
- text-decoration: none;
20
- transition: background-color $base-duration $base-timing;
21
- user-select: none;
22
- vertical-align: middle;
23
- white-space: nowrap;
24
-
25
- &:hover {
26
- background-color: mix($black, $action-color, 20%);
27
- color: $white;
28
- }
29
-
30
- &:focus {
31
- outline: $focus-outline;
32
- outline-offset: $focus-outline-offset;
33
- }
34
-
35
- &:disabled {
36
- cursor: not-allowed;
37
- opacity: 0.5;
38
-
39
- &:hover {
40
- background-color: $action-color;
41
- }
42
- }
43
- }
44
-
45
- .button--alt {
46
- background-color: transparent;
47
- border: $base-border;
48
- border-color: $blue;
49
- color: $blue;
50
- margin-bottom: $base-spacing;
51
- }
@@ -1,47 +0,0 @@
1
- .cell-label {
2
- padding-top: 0.15em;
3
-
4
- &:hover {
5
- a {
6
- color: $action-color;
7
- }
8
-
9
- svg {
10
- fill: $action-color;
11
- transform: rotate(180deg);
12
- }
13
- }
14
-
15
- a {
16
- color: inherit;
17
- display: inline-block;
18
- transition: color $base-duration $base-timing;
19
- width: 100%;
20
- }
21
- }
22
-
23
- .cell-label--asc,
24
- .cell-label--desc {
25
- font-weight: $bold-font-weight;
26
- }
27
-
28
- .cell-label__sort-indicator {
29
- float: right;
30
- margin-left: 5px;
31
-
32
- svg {
33
- fill: $hint-grey;
34
- height: 13px;
35
- transition: transform $base-duration $base-timing;
36
- width: 13px;
37
- }
38
- }
39
-
40
- .cell-label__sort-indicator--desc {
41
- transform: rotate(180deg);
42
- }
43
-
44
- .cell-data--number,
45
- .cell-label--number {
46
- text-align: right;
47
- }
@@ -1,45 +0,0 @@
1
- .field-unit {
2
- @include administrate-clearfix;
3
- align-items: center;
4
- display: flex;
5
- margin-bottom: $base-spacing;
6
- position: relative;
7
- width: 100%;
8
- }
9
-
10
- .field-unit__label {
11
- float: left;
12
- margin-left: 1rem;
13
- text-align: right;
14
- width: calc(15% - 1rem);
15
- }
16
-
17
- .field-unit__field {
18
- float: left;
19
- margin-left: 2rem;
20
- max-width: 50rem;
21
- width: 100%;
22
- }
23
-
24
- .field-unit--nested {
25
- border: $base-border;
26
- margin-left: 7.5%;
27
- max-width: 60rem;
28
- padding: $small-spacing;
29
- width: 100%;
30
-
31
- .field-unit__field {
32
- width: 100%;
33
- }
34
-
35
- .field-unit__label {
36
- width: 10rem;
37
- }
38
- }
39
-
40
- .field-unit--required {
41
- label::after {
42
- color: $red;
43
- content: " *";
44
- }
45
- }
@@ -1,28 +0,0 @@
1
- $base-spacing: 1.5em !default;
2
- $flashes: (
3
- "alert": #fff6bf,
4
- "error": #fbe3e4,
5
- "notice": #e5edf8,
6
- "success": #e6efc2,
7
- ) !default;
8
-
9
- @each $flash-type, $color in $flashes {
10
- .flash-#{$flash-type} {
11
- background-color: $color;
12
- color: mix($black, $color, 60%);
13
- display: block;
14
- margin-bottom: $base-spacing / 2;
15
- padding: $base-spacing / 2;
16
- text-align: center;
17
-
18
- a {
19
- color: mix($black, $color, 70%);
20
- text-decoration: underline;
21
-
22
- &:focus,
23
- &:hover {
24
- color: mix($black, $color, 90%);
25
- }
26
- }
27
- }
28
- }
@@ -1,3 +0,0 @@
1
- .form-actions {
2
- margin-left: calc(15% + 2rem);
3
- }
@@ -1,29 +0,0 @@
1
- .main-content {
2
- background-color: $white;
3
- border-radius: $base-border-radius;
4
- box-shadow: 0 0 6px 0 rgba($black, 0.12),
5
- 0 2px 2px rgba($black, 0.2);
6
- flex: 1 1 100%;
7
- padding-bottom: 10vh;
8
- }
9
-
10
- .main-content__header,
11
- .main-content__body {
12
- padding: 1rem 2rem;
13
- }
14
-
15
- .main-content__body--flush {
16
- padding-left: 0;
17
- padding-right: 0;
18
- }
19
-
20
- .main-content__header {
21
- align-items: center;
22
- border-bottom: $base-border;
23
- display: flex;
24
- }
25
-
26
- .main-content__page-title {
27
- font-size: 1.6em;
28
- margin-right: auto;
29
- }
@@ -1,32 +0,0 @@
1
- $_navigation-link-padding: 0.6em;
2
-
3
- .navigation {
4
- flex: 1 0 10rem;
5
- padding: $base-spacing;
6
- padding-left: 0;
7
- }
8
-
9
- .navigation__link {
10
- background-color: transparent;
11
- color: $base-font-color;
12
- display: block;
13
- line-height: 1;
14
- margin-left: -($_navigation-link-padding);
15
- padding: $_navigation-link-padding;
16
- transition: background-color $base-duration $base-timing,
17
- color $base-duration $base-timing;
18
-
19
- &:not(:last-of-type) {
20
- margin-bottom: $small-spacing;
21
- }
22
-
23
- &:hover {
24
- background-color: mix($black, $base-background-color, 5%);
25
- border-radius: $base-border-radius;
26
- color: $base-font-color;
27
- }
28
- }
29
-
30
- .navigation__link--active {
31
- font-weight: $bold-font-weight;
32
- }
@@ -1,18 +0,0 @@
1
- .pagination {
2
- margin-top: $base-spacing;
3
- padding-left: $base-spacing;
4
- padding-right: $base-spacing;
5
- text-align: center;
6
-
7
- .first,
8
- .prev,
9
- .page,
10
- .next,
11
- .last {
12
- margin: $small-spacing;
13
- }
14
-
15
- .current {
16
- font-weight: $bold-font-weight;
17
- }
18
- }
@@ -1,46 +0,0 @@
1
- $_search-icon-size: 1rem;
2
-
3
- .search {
4
- margin-left: auto;
5
- margin-right: 2rem;
6
- max-width: 20rem;
7
- position: relative;
8
- width: 100%;
9
- }
10
-
11
- .search__input {
12
- border-radius: 100rem;
13
- padding-left: $_search-icon-size * 2.5;
14
- padding-right: $_search-icon-size * 2.5;
15
- }
16
-
17
- .search__eyeglass-icon {
18
- fill: $grey-7;
19
- height: $_search-icon-size;
20
- left: $_search-icon-size;
21
- position: absolute;
22
- top: 50%;
23
- transform: translateY(-50%);
24
- width: $_search-icon-size;
25
- }
26
-
27
- .search__clear-link {
28
- height: $_search-icon-size;
29
- position: absolute;
30
- right: $_search-icon-size * 0.75;
31
- top: 50%;
32
- transform: translateY(-50%);
33
- width: $_search-icon-size;
34
- }
35
-
36
- .search__clear-icon {
37
- fill: $grey-5;
38
- height: $_search-icon-size;
39
- position: absolute;
40
- transition: fill $base-duration $base-timing;
41
- width: $_search-icon-size;
42
-
43
- &:hover {
44
- fill: $action-color;
45
- }
46
- }
@@ -1,7 +0,0 @@
1
- @mixin administrate-clearfix {
2
- &::after {
3
- clear: both;
4
- content: "";
5
- display: block;
6
- }
7
- }
@@ -1,8 +0,0 @@
1
- @mixin data-label {
2
- color: $hint-grey;
3
- font-size: 0.8em;
4
- font-weight: 400;
5
- letter-spacing: 0.0357em;
6
- position: relative;
7
- text-transform: uppercase;
8
- }
@@ -1,63 +0,0 @@
1
- // Typography
2
- $base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
3
- "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
4
- sans-serif !default;
5
- $heading-font-family: $base-font-family !default;
6
-
7
- $base-font-size: 1em !default;
8
-
9
- $bold-font-weight: 700 !default;
10
-
11
- $base-line-height: 1.5 !default;
12
- $heading-line-height: 1.2 !default;
13
-
14
- // Other Sizes
15
- $base-border-radius: 4px !default;
16
- $base-spacing: $base-line-height * 1em !default;
17
- $small-spacing: $base-spacing / 2 !default;
18
-
19
- // Colors
20
- $white: #fff !default;
21
- $black: #000 !default;
22
-
23
- $blue: #1976d2 !default;
24
- $red: #d32f2f !default;
25
- $light-yellow: #f0cd66 !default;
26
- $light-green: #4ab471 !default;
27
-
28
- $grey-0: #f6f7f7 !default;
29
- $grey-1: #dfe0e1 !default;
30
- $grey-2: #cfd8dc !default;
31
- $grey-5: #adb5bd !default;
32
- $grey-7: #293f54 !default;
33
-
34
- $hint-grey: #7b808c !default;
35
-
36
- // Font Colors
37
- $base-font-color: $grey-7 !default;
38
- $action-color: $blue !default;
39
-
40
- // Background Colors
41
- $base-background-color: $grey-0 !default;
42
-
43
- // Focus
44
- $focus-outline-color: transparentize($action-color, 0.4);
45
- $focus-outline-width: 3px;
46
- $focus-outline: $focus-outline-width solid $focus-outline-color;
47
- $focus-outline-offset: 1px;
48
-
49
- // Flash Colors
50
- $flash-colors: (
51
- alert: $light-yellow,
52
- error: $red,
53
- notice: mix($white, $blue, 50%),
54
- success: $light-green
55
- );
56
-
57
- // Border
58
- $base-border-color: $grey-1 !default;
59
- $base-border: 1px solid $base-border-color !default;
60
-
61
- // Transitions
62
- $base-duration: 250ms !default;
63
- $base-timing: ease-in-out !default;
@@ -1,447 +0,0 @@
1
- /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
2
-
3
- /* Document
4
- ========================================================================== */
5
-
6
- /**
7
- * 1. Correct the line height in all browsers.
8
- * 2. Prevent adjustments of font size after orientation changes in
9
- * IE on Windows Phone and in iOS.
10
- */
11
-
12
- html {
13
- line-height: 1.15; /* 1 */
14
- -ms-text-size-adjust: 100%; /* 2 */
15
- -webkit-text-size-adjust: 100%; /* 2 */
16
- }
17
-
18
- /* Sections
19
- ========================================================================== */
20
-
21
- /**
22
- * Remove the margin in all browsers (opinionated).
23
- */
24
-
25
- body {
26
- margin: 0;
27
- }
28
-
29
- /**
30
- * Add the correct display in IE 9-.
31
- */
32
-
33
- article,
34
- aside,
35
- footer,
36
- header,
37
- nav,
38
- section {
39
- display: block;
40
- }
41
-
42
- /**
43
- * Correct the font size and margin on `h1` elements within `section` and
44
- * `article` contexts in Chrome, Firefox, and Safari.
45
- */
46
-
47
- h1 {
48
- font-size: 2em;
49
- margin: 0.67em 0;
50
- }
51
-
52
- /* Grouping content
53
- ========================================================================== */
54
-
55
- /**
56
- * Add the correct display in IE 9-.
57
- * 1. Add the correct display in IE.
58
- */
59
-
60
- figcaption,
61
- figure,
62
- main { /* 1 */
63
- display: block;
64
- }
65
-
66
- /**
67
- * Add the correct margin in IE 8.
68
- */
69
-
70
- figure {
71
- margin: 1em 40px;
72
- }
73
-
74
- /**
75
- * 1. Add the correct box sizing in Firefox.
76
- * 2. Show the overflow in Edge and IE.
77
- */
78
-
79
- hr {
80
- box-sizing: content-box; /* 1 */
81
- height: 0; /* 1 */
82
- overflow: visible; /* 2 */
83
- }
84
-
85
- /**
86
- * 1. Correct the inheritance and scaling of font size in all browsers.
87
- * 2. Correct the odd `em` font sizing in all browsers.
88
- */
89
-
90
- pre {
91
- font-family: monospace, monospace; /* 1 */
92
- font-size: 1em; /* 2 */
93
- }
94
-
95
- /* Text-level semantics
96
- ========================================================================== */
97
-
98
- /**
99
- * 1. Remove the gray background on active links in IE 10.
100
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
101
- */
102
-
103
- a {
104
- background-color: transparent; /* 1 */
105
- -webkit-text-decoration-skip: objects; /* 2 */
106
- }
107
-
108
- /**
109
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
110
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
111
- */
112
-
113
- abbr[title] {
114
- border-bottom: none; /* 1 */
115
- text-decoration: underline; /* 2 */
116
- text-decoration: underline dotted; /* 2 */
117
- }
118
-
119
- /**
120
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
121
- */
122
-
123
- b,
124
- strong {
125
- font-weight: inherit;
126
- }
127
-
128
- /**
129
- * Add the correct font weight in Chrome, Edge, and Safari.
130
- */
131
-
132
- b,
133
- strong {
134
- font-weight: bolder;
135
- }
136
-
137
- /**
138
- * 1. Correct the inheritance and scaling of font size in all browsers.
139
- * 2. Correct the odd `em` font sizing in all browsers.
140
- */
141
-
142
- code,
143
- kbd,
144
- samp {
145
- font-family: monospace, monospace; /* 1 */
146
- font-size: 1em; /* 2 */
147
- }
148
-
149
- /**
150
- * Add the correct font style in Android 4.3-.
151
- */
152
-
153
- dfn {
154
- font-style: italic;
155
- }
156
-
157
- /**
158
- * Add the correct background and color in IE 9-.
159
- */
160
-
161
- mark {
162
- background-color: #ff0;
163
- color: #000;
164
- }
165
-
166
- /**
167
- * Add the correct font size in all browsers.
168
- */
169
-
170
- small {
171
- font-size: 80%;
172
- }
173
-
174
- /**
175
- * Prevent `sub` and `sup` elements from affecting the line height in
176
- * all browsers.
177
- */
178
-
179
- sub,
180
- sup {
181
- font-size: 75%;
182
- line-height: 0;
183
- position: relative;
184
- vertical-align: baseline;
185
- }
186
-
187
- sub {
188
- bottom: -0.25em;
189
- }
190
-
191
- sup {
192
- top: -0.5em;
193
- }
194
-
195
- /* Embedded content
196
- ========================================================================== */
197
-
198
- /**
199
- * Add the correct display in IE 9-.
200
- */
201
-
202
- audio,
203
- video {
204
- display: inline-block;
205
- }
206
-
207
- /**
208
- * Add the correct display in iOS 4-7.
209
- */
210
-
211
- audio:not([controls]) {
212
- display: none;
213
- height: 0;
214
- }
215
-
216
- /**
217
- * Remove the border on images inside links in IE 10-.
218
- */
219
-
220
- img {
221
- border-style: none;
222
- }
223
-
224
- /**
225
- * Hide the overflow in IE.
226
- */
227
-
228
- svg:not(:root) {
229
- overflow: hidden;
230
- }
231
-
232
- /* Forms
233
- ========================================================================== */
234
-
235
- /**
236
- * 1. Change the font styles in all browsers (opinionated).
237
- * 2. Remove the margin in Firefox and Safari.
238
- */
239
-
240
- button,
241
- input,
242
- optgroup,
243
- select,
244
- textarea {
245
- font-family: sans-serif; /* 1 */
246
- font-size: 100%; /* 1 */
247
- line-height: 1.15; /* 1 */
248
- margin: 0; /* 2 */
249
- }
250
-
251
- /**
252
- * Show the overflow in IE.
253
- * 1. Show the overflow in Edge.
254
- */
255
-
256
- button,
257
- input { /* 1 */
258
- overflow: visible;
259
- }
260
-
261
- /**
262
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
263
- * 1. Remove the inheritance of text transform in Firefox.
264
- */
265
-
266
- button,
267
- select { /* 1 */
268
- text-transform: none;
269
- }
270
-
271
- /**
272
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
273
- * controls in Android 4.
274
- * 2. Correct the inability to style clickable types in iOS and Safari.
275
- */
276
-
277
- button,
278
- html [type="button"], /* 1 */
279
- [type="reset"],
280
- [type="submit"] {
281
- -webkit-appearance: button; /* 2 */
282
- }
283
-
284
- /**
285
- * Remove the inner border and padding in Firefox.
286
- */
287
-
288
- button::-moz-focus-inner,
289
- [type="button"]::-moz-focus-inner,
290
- [type="reset"]::-moz-focus-inner,
291
- [type="submit"]::-moz-focus-inner {
292
- border-style: none;
293
- padding: 0;
294
- }
295
-
296
- /**
297
- * Restore the focus styles unset by the previous rule.
298
- */
299
-
300
- button:-moz-focusring,
301
- [type="button"]:-moz-focusring,
302
- [type="reset"]:-moz-focusring,
303
- [type="submit"]:-moz-focusring {
304
- outline: 1px dotted ButtonText;
305
- }
306
-
307
- /**
308
- * Correct the padding in Firefox.
309
- */
310
-
311
- fieldset {
312
- padding: 0.35em 0.75em 0.625em;
313
- }
314
-
315
- /**
316
- * 1. Correct the text wrapping in Edge and IE.
317
- * 2. Correct the color inheritance from `fieldset` elements in IE.
318
- * 3. Remove the padding so developers are not caught out when they zero out
319
- * `fieldset` elements in all browsers.
320
- */
321
-
322
- legend {
323
- box-sizing: border-box; /* 1 */
324
- color: inherit; /* 2 */
325
- display: table; /* 1 */
326
- max-width: 100%; /* 1 */
327
- padding: 0; /* 3 */
328
- white-space: normal; /* 1 */
329
- }
330
-
331
- /**
332
- * 1. Add the correct display in IE 9-.
333
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
334
- */
335
-
336
- progress {
337
- display: inline-block; /* 1 */
338
- vertical-align: baseline; /* 2 */
339
- }
340
-
341
- /**
342
- * Remove the default vertical scrollbar in IE.
343
- */
344
-
345
- textarea {
346
- overflow: auto;
347
- }
348
-
349
- /**
350
- * 1. Add the correct box sizing in IE 10-.
351
- * 2. Remove the padding in IE 10-.
352
- */
353
-
354
- [type="checkbox"],
355
- [type="radio"] {
356
- box-sizing: border-box; /* 1 */
357
- padding: 0; /* 2 */
358
- }
359
-
360
- /**
361
- * Correct the cursor style of increment and decrement buttons in Chrome.
362
- */
363
-
364
- [type="number"]::-webkit-inner-spin-button,
365
- [type="number"]::-webkit-outer-spin-button {
366
- height: auto;
367
- }
368
-
369
- /**
370
- * 1. Correct the odd appearance in Chrome and Safari.
371
- * 2. Correct the outline style in Safari.
372
- */
373
-
374
- [type="search"] {
375
- -webkit-appearance: textfield; /* 1 */
376
- outline-offset: -2px; /* 2 */
377
- }
378
-
379
- /**
380
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
381
- */
382
-
383
- [type="search"]::-webkit-search-cancel-button,
384
- [type="search"]::-webkit-search-decoration {
385
- -webkit-appearance: none;
386
- }
387
-
388
- /**
389
- * 1. Correct the inability to style clickable types in iOS and Safari.
390
- * 2. Change font properties to `inherit` in Safari.
391
- */
392
-
393
- ::-webkit-file-upload-button {
394
- -webkit-appearance: button; /* 1 */
395
- font: inherit; /* 2 */
396
- }
397
-
398
- /* Interactive
399
- ========================================================================== */
400
-
401
- /*
402
- * Add the correct display in IE 9-.
403
- * 1. Add the correct display in Edge, IE, and Firefox.
404
- */
405
-
406
- details, /* 1 */
407
- menu {
408
- display: block;
409
- }
410
-
411
- /*
412
- * Add the correct display in all browsers.
413
- */
414
-
415
- summary {
416
- display: list-item;
417
- }
418
-
419
- /* Scripting
420
- ========================================================================== */
421
-
422
- /**
423
- * Add the correct display in IE 9-.
424
- */
425
-
426
- canvas {
427
- display: inline-block;
428
- }
429
-
430
- /**
431
- * Add the correct display in IE.
432
- */
433
-
434
- template {
435
- display: none;
436
- }
437
-
438
- /* Hidden
439
- ========================================================================== */
440
-
441
- /**
442
- * Add the correct display in IE 10-.
443
- */
444
-
445
- [hidden] {
446
- display: none;
447
- }
@@ -1,3 +0,0 @@
1
- .text-color-red {
2
- color: $red;
3
- }