mp-design-system 0.4.12 → 0.5.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,123 +0,0 @@
1
- *,
2
- *:before,
3
- *:after {
4
- box-sizing: border-box;
5
- }
6
-
7
- body {
8
- display: flex;
9
- flex-direction: column;
10
- justify-content: flex-start;
11
- align-items: stretch;
12
- min-height: 100vh;
13
- }
14
-
15
- body {
16
- margin: 0;
17
- }
18
-
19
- html {
20
- scroll-behavior: smooth;
21
- }
22
-
23
- blockquote,
24
- pre,
25
- ol,
26
- ul,
27
- figure {
28
- padding: 0;
29
- margin: 0;
30
- }
31
-
32
- img {
33
- max-width: 100%;
34
- display: block;
35
- height: auto;
36
- border: none;
37
- }
38
-
39
- article,
40
- aside,
41
- figure,
42
- footer,
43
- header,
44
- aside,
45
- main,
46
- nav {
47
- display: block;
48
- }
49
-
50
- iframe {
51
- border: none;
52
- }
53
-
54
- // Typography
55
-
56
- h1,
57
- h2,
58
- h3,
59
- h4,
60
- h5,
61
- h6,
62
- p,
63
- ul,
64
- ol,
65
- dl {
66
- margin: 0
67
- }
68
-
69
- a {
70
- color: inherit;
71
- text-decoration: none;
72
- cursor: pointer;
73
- }
74
-
75
- // Lists
76
-
77
- .mp ol,
78
- .mp ul {
79
- list-style: none;
80
- }
81
-
82
- // Font styles
83
-
84
- cite,
85
- address {
86
- font-style: normal;
87
- }
88
-
89
- // Form
90
-
91
- [type="submit"],
92
- [type="button"],
93
- button {
94
- border-radius: 0;
95
- background: transparent;
96
- box-shadow: none;
97
- appearance: none;
98
- padding: 0;
99
- cursor: pointer;
100
- border: none;
101
- color: inherit;
102
- font: inherit;
103
- }
104
-
105
- [disabled] {
106
- opacity: 0.5;
107
- cursor: not-allowed;
108
- }
109
-
110
- label {
111
- cursor: pointer;
112
- }
113
-
114
- // Animation
115
-
116
- @media (prefers-reduced-motion:reduce) {
117
- * {
118
- -webkit-animation: none!important;
119
- animation: none!important;
120
- transition: none!important;
121
- scroll-behavior: auto!important;
122
- }
123
- }