material_design 0.5.2 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/material_design/application.css +6 -2
- data/app/assets/stylesheets/material_design/buttons.css +184 -0
- data/app/views/layouts/material_design/application.html.erb +9 -12
- data/app/views/material_design/buttons/_elevated_button.html.erb +10 -0
- data/app/views/material_design/buttons/_filled_button.html.erb +10 -0
- data/app/views/material_design/buttons/_outlined_button.html.erb +10 -0
- data/app/views/material_design/buttons/_text_button.html.erb +10 -0
- data/app/views/material_design/buttons/_tonal_button.html.erb +10 -0
- data/app/views/material_design/icons/_microbiology.html.erb +1 -1
- data/lib/material_design/version.rb +1 -1
- metadata +8 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a395e476f7ce240031115c90e6b7433707ab31099300d2afdb862a53dbd2cc50
|
|
4
|
+
data.tar.gz: ca2ffa3f1ba4ed05bd9eb903a35f1cdc3062559d22ee25e51d946cb52d00095a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: be0f09f5aa904d67780ffb04683eb3026ebda7b0caed451bde8f231e1c15ca75eb64b8ce8e671bb5ba8ddf0effaf90bad9ef19410725a2f7ef161fbba54bcaf6
|
|
7
|
+
data.tar.gz: 7bb2c757ea4a032679c6170f5185318360e042d206c7e5ecd72ac4b7ac61285c6f59280e38ea8e4d2fe6156b498b38269af6b3d7a47da3db853161ea87861c41
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
/* color-scheme: light dark; */
|
|
3
|
-
--md-sys-light-state-hover-state-layer-opacity: 0.
|
|
4
|
-
--md-sys-dark-state-hover-state-layer-opacity: 0.
|
|
3
|
+
--md-sys-light-state-hover-state-layer-opacity: 0.12;
|
|
4
|
+
--md-sys-dark-state-hover-state-layer-opacity: 0.12;
|
|
5
|
+
--md-sys-light-state-pressed-state-layer-opacity: 0.24;
|
|
6
|
+
--md-sys-dark-state-pressed-state-layer-opacity: 0.24;
|
|
7
|
+
--md-sys-light-state-disabled-state-layer-opacity: 0.38;
|
|
8
|
+
--md-sys-dark-state-disabled-state-layer-opacity: 0.38;
|
|
5
9
|
|
|
6
10
|
/* Light scheme */
|
|
7
11
|
--md-sys-light-primary: 101 85 143;
|
|
@@ -1,4 +1,188 @@
|
|
|
1
|
+
@media (prefers-color-scheme: light) {
|
|
2
|
+
:root {
|
|
3
|
+
--md-sys-tonal-hover-layer-state: rgb(var(--md-sys-light-on-secondary-container) / var(--md-sys-light-state-hover-state-layer-opacity));
|
|
4
|
+
--md-sys-tonal-pressed-layer-state: rgb(var(--md-sys-light-on-secondary-container) / var(--md-sys-light-state-pressed-state-layer-opacity));
|
|
5
|
+
--md-sys-filled-hover-layer-state: rgb(var(--md-sys-light-on-primary) / var(--md-sys-light-state-hover-state-layer-opacity));
|
|
6
|
+
--md-sys-filled-pressed-layer-state: rgb(var(--md-sys-light-on-primary) / var(--md-sys-light-state-pressed-state-layer-opacity));
|
|
7
|
+
--md-sys-outlined-hover-layer-state: rgb(var(--md-sys-light-primary) / var(--md-sys-light-state-hover-state-layer-opacity));
|
|
8
|
+
--md-sys-outlined-pressed-layer-state: rgb(var(--md-sys-light-primary) / var(--md-sys-light-state-pressed-state-layer-opacity));
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@media (prefers-color-scheme: dark) {
|
|
13
|
+
:root {
|
|
14
|
+
--md-sys-tonal-hover-layer-state: rgb(var(--md-sys-dark-on-secondary-container) / var(--md-sys-dark-state-hover-state-layer-opacity));
|
|
15
|
+
--md-sys-tonal-pressed-layer-state: rgb(var(--md-sys-dark-on-secondary-container) / var(--md-sys-dark-state-pressed-state-layer-opacity));
|
|
16
|
+
--md-sys-filled-hover-layer-state: rgb(var(--md-sys-dark-on-primary) / var(--md-sys-dark-state-hover-state-layer-opacity));
|
|
17
|
+
--md-sys-filled-pressed-layer-state: rgb(var(--md-sys-dark-on-primary) / var(--md-sys-dark-state-pressed-state-layer-opacity));
|
|
18
|
+
--md-sys-outlined-hover-layer-state: rgb(var(--md-sys-dark-primary) / var(--md-sys-dark-state-hover-state-layer-opacity));
|
|
19
|
+
--md-sys-outlined-pressed-layer-state: rgb(var(--md-sys-dark-primary) / var(--md-sys-dark-state-pressed-state-layer-opacity));
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.common-button--container {
|
|
24
|
+
height: 40px;
|
|
25
|
+
border-radius: 40px;
|
|
26
|
+
position: relative;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.common-button--content {
|
|
30
|
+
height: 100%;
|
|
31
|
+
display: flex;
|
|
32
|
+
justify-content: center;
|
|
33
|
+
align-items: center;
|
|
34
|
+
margin: 0 24px;
|
|
35
|
+
overflow: hidden;
|
|
36
|
+
text-overflow: ellipsis;
|
|
37
|
+
white-space: nowrap;
|
|
38
|
+
gap: 8px;
|
|
39
|
+
font-size: 14px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.common-button--icon {
|
|
43
|
+
height: 18px;
|
|
44
|
+
height: 18px;
|
|
45
|
+
}
|
|
46
|
+
|
|
1
47
|
.icon-button--container {
|
|
2
48
|
height: 40px;
|
|
3
49
|
width: 40px;
|
|
4
50
|
}
|
|
51
|
+
|
|
52
|
+
.layer-state {
|
|
53
|
+
width: 100%;
|
|
54
|
+
height: 100%;
|
|
55
|
+
border-radius: 40px;
|
|
56
|
+
position: relative;
|
|
57
|
+
overflow: hidden;
|
|
58
|
+
background-position: center;
|
|
59
|
+
transition: background 0.4s;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.common-button__elevated {
|
|
63
|
+
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2), 0 3px 1px 1px rgba(0, 0, 0, 0.15);
|
|
64
|
+
@media (prefers-color-scheme: light) {
|
|
65
|
+
background: rgb(var(--md-sys-light-surface-container-low));
|
|
66
|
+
color: rgb(var(--md-sys-light-primary));
|
|
67
|
+
}
|
|
68
|
+
@media (prefers-color-scheme: dark) {
|
|
69
|
+
background: rgb(var(--md-sys-dark-surface-container-low));
|
|
70
|
+
color: rgb(var(--md-sys-dark-primary));
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.common-button__elevated:not(:disabled)
|
|
75
|
+
.layer-state__elevated:hover,
|
|
76
|
+
.common-button__outlined:not(:disabled)
|
|
77
|
+
.layer-state__outlined:hover,
|
|
78
|
+
.common-button__text:not(:disabled)
|
|
79
|
+
.layer-state__text:hover {
|
|
80
|
+
background: var(--md-sys-outlined-hover-layer-state) radial-gradient(circle, transparent 1%, var(--md-sys-outlined-hover-layer-state) 1%) center/15000%;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.common-button__elevated:not(:disabled)
|
|
84
|
+
.layer-state__elevated:active,
|
|
85
|
+
.common-button__outlined:not(:disabled)
|
|
86
|
+
.layer-state__outlined:active,
|
|
87
|
+
.common-button__text:not(:disabled)
|
|
88
|
+
.layer-state__text:active {
|
|
89
|
+
background-size: 100%;
|
|
90
|
+
transition: background 0s;
|
|
91
|
+
background-color: var(--md-sys-outlined-pressed-layer-state);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.common-button__elevated:disabled, .common-button__filled:disabled, .common-button__tonal:disabled {
|
|
95
|
+
box-shadow: none;
|
|
96
|
+
@media (prefers-color-scheme: light) {
|
|
97
|
+
background: rgb(var(--md-sys-light-on-surface)/ var(--md-sys-light-state-hover-state-layer-opacity));
|
|
98
|
+
color: rgb(var(--md-sys-light-on-surface)/ var(--md-sys-light-state-disabled-state-layer-opacity));
|
|
99
|
+
}
|
|
100
|
+
@media (prefers-color-scheme: dark) {
|
|
101
|
+
background: rgb(var(--md-sys-dark-on-surface)/ var(--md-sys-dark-state-hover-state-layer-opacity));
|
|
102
|
+
color: rgb(var(--md-sys-dark-on-surface)/ var(--md-sys-dark-state-disabled-state-layer-opacity));
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.common-button__filled {
|
|
107
|
+
@media (prefers-color-scheme: light) {
|
|
108
|
+
background: rgb(var(--md-sys-light-primary));
|
|
109
|
+
color: rgb(var(--md-sys-light-on-primary));
|
|
110
|
+
}
|
|
111
|
+
@media (prefers-color-scheme: dark) {
|
|
112
|
+
background: rgb(var(--md-sys-dark-primary));
|
|
113
|
+
color: rgb(var(--md-sys-dark-on-primary));
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.common-button__filled:not(:disabled)
|
|
118
|
+
.layer-state__filled:hover {
|
|
119
|
+
background: var(--md-sys-filled-hover-layer-state) radial-gradient(circle, transparent 1%, var(--md-sys-filled-hover-layer-state) 1%) center/15000%;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.common-button__filled:not(:disabled)
|
|
123
|
+
.layer-state__filled:active {
|
|
124
|
+
background-size: 100%;
|
|
125
|
+
transition: background 0s;
|
|
126
|
+
background-color: var(--md-sys-filled-pressed-layer-state);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.common-button__outlined {
|
|
130
|
+
@media (prefers-color-scheme: light) {
|
|
131
|
+
color: rgb(var(--md-sys-light-primary));
|
|
132
|
+
border: 1px solid rgb(var(--md-sys-light-outline));
|
|
133
|
+
}
|
|
134
|
+
@media (prefers-color-scheme: dark) {
|
|
135
|
+
color: rgb(var(--md-sys-dark-primary));
|
|
136
|
+
border: 1px solid rgb(var(--md-sys-dark-outline));
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.common-button__outlined:disabled {
|
|
141
|
+
@media (prefers-color-scheme: light) {
|
|
142
|
+
color: rgb(var(--md-sys-light-on-surface)/ var(--md-sys-light-state-disabled-state-layer-opacity));
|
|
143
|
+
border: 1px solid rgb(var(--md-sys-light-on-surface)/ var(--md-sys-light-state-hover-state-layer-opacity));
|
|
144
|
+
}
|
|
145
|
+
@media (prefers-color-scheme: dark) {
|
|
146
|
+
color: rgb(var(--md-sys-dark-on-surface)/ var(--md-sys-dark-state-disabled-state-layer-opacity));
|
|
147
|
+
border: 1px solid rgb(var(--md-sys-dark-on-surface)/ var(--md-sys-dark-state-hover-state-layer-opacity));
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.common-button__text {
|
|
152
|
+
@media (prefers-color-scheme: light) {
|
|
153
|
+
color: rgb(var(--md-sys-light-primary));
|
|
154
|
+
}
|
|
155
|
+
@media (prefers-color-scheme: dark) {
|
|
156
|
+
color: rgb(var(--md-sys-dark-primary));
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.common-button__text:disabled {
|
|
161
|
+
@media (prefers-color-scheme: light) {
|
|
162
|
+
color: rgb(var(--md-sys-light-on-surface)/ var(--md-sys-light-state-disabled-state-layer-opacity));
|
|
163
|
+
}
|
|
164
|
+
@media (prefers-color-scheme: dark) {
|
|
165
|
+
color: rgb(var(--md-sys-dark-on-surface)/ var(--md-sys-dark-state-disabled-state-layer-opacity));
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.common-button__tonal {
|
|
170
|
+
@media (prefers-color-scheme: light) {
|
|
171
|
+
background: rgb(var(--md-sys-light-secondary-container));
|
|
172
|
+
color: rgb(var(--md-sys-light-on-secondary-container));
|
|
173
|
+
}
|
|
174
|
+
@media (prefers-color-scheme: dark) {
|
|
175
|
+
background: rgb(var(--md-sys-dark-secondary-container));
|
|
176
|
+
color: rgb(var(--md-sys-dark-on-secondary-container));
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.common-button__tonal:not(:disabled) .layer-state__tonal:hover {
|
|
181
|
+
background: var(--md-sys-tonal-hover-layer-state) radial-gradient(circle, transparent 1%, var(--md-sys-tonal-hover-layer-state) 1%) center/15000%;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.common-button__tonal:not(:disabled) .layer-state__tonal:active {
|
|
185
|
+
background-color: var(--md-sys-tonal-pressed-layer-state);
|
|
186
|
+
background-size: 100%;
|
|
187
|
+
transition: background 0s;
|
|
188
|
+
}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html>
|
|
3
|
-
<head>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<%= yield %>
|
|
13
|
-
|
|
14
|
-
</body>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Material design</title>
|
|
5
|
+
<%= csrf_meta_tags %>
|
|
6
|
+
<%= csp_meta_tag %>
|
|
7
|
+
<%= stylesheet_link_tag "material_design/application", media: "all" %>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<%= yield %>
|
|
11
|
+
</body>
|
|
15
12
|
</html>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<button class="common-button--container common-button__elevated" <%= "disabled" if locals[:disabled] %> >
|
|
2
|
+
<div class="layer-state layer-state__elevated">
|
|
3
|
+
<div class="common-button--content">
|
|
4
|
+
<% if locals[:icon] %>
|
|
5
|
+
<%= render "material_design/icons/icon", locals: {icon: locals[:icon], size: 18} %>
|
|
6
|
+
<% end %>
|
|
7
|
+
<%= locals[:label] %>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</button>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<button class="common-button--container common-button__filled" <%= "disabled" if locals[:disabled] %> >
|
|
2
|
+
<div class="layer-state layer-state__filled">
|
|
3
|
+
<div class="common-button--content">
|
|
4
|
+
<% if locals[:icon] %>
|
|
5
|
+
<%= render "material_design/icons/icon", locals: {icon: locals[:icon], size: 18} %>
|
|
6
|
+
<% end %>
|
|
7
|
+
<%= locals[:label] %>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</button>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<button class="common-button--container common-button__outlined" <%= "disabled" if locals[:disabled] %> >
|
|
2
|
+
<div class="layer-state layer-state__outlined">
|
|
3
|
+
<div class="common-button--content">
|
|
4
|
+
<% if locals[:icon] %>
|
|
5
|
+
<%= render "material_design/icons/icon", locals: {icon: locals[:icon], size: 18} %>
|
|
6
|
+
<% end %>
|
|
7
|
+
<%= locals[:label] %>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</button>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<button class="common-button--container common-button__text" <%= "disabled" if locals[:disabled] %> >
|
|
2
|
+
<div class="layer-state layer-state__text">
|
|
3
|
+
<div class="common-button--content">
|
|
4
|
+
<% if locals[:icon] %>
|
|
5
|
+
<%= render "material_design/icons/icon", locals: {icon: locals[:icon], size: 18} %>
|
|
6
|
+
<% end %>
|
|
7
|
+
<%= locals[:label] %>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</button>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<button class="common-button--container common-button__tonal" <%= "disabled" if locals[:disabled] %> >
|
|
2
|
+
<div class="layer-state layer-state__tonal">
|
|
3
|
+
<div class="common-button--content">
|
|
4
|
+
<% if locals[:icon] %>
|
|
5
|
+
<%= render "material_design/icons/icon", locals: {icon: locals[:icon], size: 18} %>
|
|
6
|
+
<% end %>
|
|
7
|
+
<%= locals[:label] %>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
</button>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
<svg width="<%= locals[:size] %>" height="<%= locals[:size] %>" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="
|
|
2
|
+
<path d="M15 22C14.7167 22 14.4792 21.9042 14.2875 21.7125C14.0958 21.5208 14 21.2833 14 21V19.925C13.6167 19.8583 13.2542 19.7625 12.9125 19.6375C12.5708 19.5125 12.25 19.3417 11.95 19.125L10.95 20.125C10.75 20.3083 10.5125 20.4042 10.2375 20.4125C9.9625 20.4208 9.725 20.325 9.525 20.125C9.325 19.925 9.225 19.6875 9.225 19.4125C9.225 19.1375 9.325 18.9 9.525 18.7L10.55 17.675C10.5 17.5917 10.45 17.5042 10.4 17.4125C10.35 17.3208 10.3 17.2333 10.25 17.15L9.575 15.825L8.35 17.05C8.15 17.2333 7.91667 17.3292 7.65 17.3375C7.38333 17.3458 7.15 17.25 6.95 17.05C6.75 16.85 6.65 16.6167 6.65 16.35C6.65 16.0833 6.75 15.85 6.95 15.65L8.175 14.4L6.85 13.75C6.76667 13.7167 6.69167 13.6792 6.625 13.6375C6.55833 13.5958 6.48333 13.55 6.4 13.5L5.5 14.4C5.3 14.5833 5.0625 14.6792 4.7875 14.6875C4.5125 14.6958 4.275 14.6 4.075 14.4C3.875 14.2 3.775 13.9667 3.775 13.7C3.775 13.4333 3.875 13.2 4.075 13L4.95 12.125C4.71667 11.8083 4.52917 11.4708 4.3875 11.1125C4.24583 10.7542 4.14167 10.3833 4.075 10H3C2.71667 10 2.47917 9.90417 2.2875 9.7125C2.09583 9.52083 2 9.28333 2 9C2 8.71667 2.09583 8.47917 2.2875 8.2875C2.47917 8.09583 2.71667 8 3 8H4.125C4.20833 7.68333 4.30833 7.38333 4.425 7.1C4.54167 6.81667 4.69167 6.54167 4.875 6.275L4 5.4C3.8 5.2 3.7 4.96667 3.7 4.7C3.7 4.43333 3.8 4.2 4 4C4.2 3.8 4.43333 3.7 4.7 3.7C4.96667 3.7 5.2 3.8 5.4 4L6.275 4.875C6.54167 4.69167 6.81667 4.54167 7.1 4.425C7.38333 4.30833 7.68333 4.20833 8 4.125V3C8 2.71667 8.09583 2.47917 8.2875 2.2875C8.47917 2.09583 8.71667 2 9 2C9.28333 2 9.52083 2.09583 9.7125 2.2875C9.90417 2.47917 10 2.71667 10 3V4.075C10.4 4.14167 10.7792 4.25 11.1375 4.4C11.4958 4.55 11.8333 4.74167 12.15 4.975L13.025 4.1C13.225 3.9 13.4625 3.8 13.7375 3.8C14.0125 3.8 14.25 3.9 14.45 4.1C14.65 4.3 14.75 4.53333 14.75 4.8C14.75 5.06667 14.65 5.3 14.45 5.5L13.525 6.425C13.5583 6.49167 13.5958 6.55833 13.6375 6.625C13.6792 6.69167 13.7167 6.76667 13.75 6.85L14.375 8.1L15.525 6.95C15.725 6.75 15.9625 6.65 16.2375 6.65C16.5125 6.65 16.75 6.75 16.95 6.95C17.15 7.15 17.25 7.3875 17.25 7.6625C17.25 7.9375 17.15 8.175 16.95 8.375L15.75 9.55L17.15 10.25C17.25 10.3 17.3542 10.3542 17.4625 10.4125C17.5708 10.4708 17.6667 10.5333 17.75 10.6L18.75 9.6C18.95 9.4 19.1833 9.3 19.45 9.3C19.7167 9.3 19.95 9.4 20.15 9.6C20.35 9.8 20.45 10.0375 20.45 10.3125C20.45 10.5875 20.35 10.825 20.15 11.025L19.15 12C19.35 12.3 19.5125 12.6167 19.6375 12.95C19.7625 13.2833 19.8583 13.6333 19.925 14H21C21.2833 14 21.5208 14.0958 21.7125 14.2875C21.9042 14.4792 22 14.7167 22 15C22 15.2833 21.9042 15.5208 21.7125 15.7125C21.5208 15.9042 21.2833 16 21 16H19.875C19.7917 16.3167 19.6917 16.6125 19.575 16.8875C19.4583 17.1625 19.3083 17.4333 19.125 17.7L19.975 18.55C20.175 18.75 20.275 18.9875 20.275 19.2625C20.275 19.5375 20.175 19.775 19.975 19.975C19.775 20.1583 19.5375 20.2542 19.2625 20.2625C18.9875 20.2708 18.75 20.175 18.55 19.975L17.725 19.125C17.4583 19.3083 17.1833 19.4583 16.9 19.575C16.6167 19.6917 16.3167 19.7917 16 19.875V21C16 21.2833 15.9042 21.5208 15.7125 21.7125C15.5208 21.9042 15.2833 22 15 22ZM14.85 18C15.8167 18 16.6125 17.6333 17.2375 16.9C17.8625 16.1667 18.1 15.3167 17.95 14.35C17.8667 13.85 17.6792 13.4 17.3875 13C17.0958 12.6 16.7167 12.2833 16.25 12.05L14.6 11.2C14.2167 11 13.8708 10.7458 13.5625 10.4375C13.2542 10.1292 13 9.78333 12.8 9.4L11.95 7.75C11.6833 7.21667 11.3 6.79167 10.8 6.475C10.3 6.15833 9.75 6 9.15 6C8.18333 6 7.3875 6.36667 6.7625 7.1C6.1375 7.83333 5.9 8.68333 6.05 9.65C6.13333 10.15 6.32083 10.6 6.6125 11C6.90417 11.4 7.28333 11.7167 7.75 11.95L9.4 12.8C9.78333 13 10.1292 13.2542 10.4375 13.5625C10.7458 13.8708 11 14.2167 11.2 14.6L12.05 16.25C12.3167 16.7833 12.7 17.2083 13.2 17.525C13.7 17.8417 14.25 18 14.85 18ZM9.5 10.5C9.91667 10.5 10.2708 10.3542 10.5625 10.0625C10.8542 9.77083 11 9.41667 11 9C11 8.58333 10.8542 8.22917 10.5625 7.9375C10.2708 7.64583 9.91667 7.5 9.5 7.5C9.08333 7.5 8.72917 7.64583 8.4375 7.9375C8.14583 8.22917 8 8.58333 8 9C8 9.41667 8.14583 9.77083 8.4375 10.0625C8.72917 10.3542 9.08333 10.5 9.5 10.5ZM14.5 16.75C14.85 16.75 15.1458 16.6292 15.3875 16.3875C15.6292 16.1458 15.75 15.85 15.75 15.5C15.75 15.15 15.6292 14.8542 15.3875 14.6125C15.1458 14.3708 14.85 14.25 14.5 14.25C14.15 14.25 13.8542 14.3708 13.6125 14.6125C13.3708 14.8542 13.25 15.15 13.25 15.5C13.25 15.85 13.3708 16.1458 13.6125 16.3875C13.8542 16.6292 14.15 16.75 14.5 16.75Z" fill="currentColor"/>
|
|
3
3
|
</svg>
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: material_design
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.6.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Eduardo Yutaka Nakanishi
|
|
@@ -10,7 +10,7 @@ authors:
|
|
|
10
10
|
autorequire:
|
|
11
11
|
bindir: bin
|
|
12
12
|
cert_chain: []
|
|
13
|
-
date: 2024-
|
|
13
|
+
date: 2024-07-03 00:00:00.000000000 Z
|
|
14
14
|
dependencies:
|
|
15
15
|
- !ruby/object:Gem::Dependency
|
|
16
16
|
name: rails
|
|
@@ -54,8 +54,13 @@ files:
|
|
|
54
54
|
- app/models/material_design/application_record.rb
|
|
55
55
|
- app/views/layouts/material_design/application.html.erb
|
|
56
56
|
- app/views/material_design/app_bars/_top_bar.html.erb
|
|
57
|
+
- app/views/material_design/buttons/_elevated_button.html.erb
|
|
57
58
|
- app/views/material_design/buttons/_fab.html.erb
|
|
59
|
+
- app/views/material_design/buttons/_filled_button.html.erb
|
|
58
60
|
- app/views/material_design/buttons/_icon_button.html.erb
|
|
61
|
+
- app/views/material_design/buttons/_outlined_button.html.erb
|
|
62
|
+
- app/views/material_design/buttons/_text_button.html.erb
|
|
63
|
+
- app/views/material_design/buttons/_tonal_button.html.erb
|
|
59
64
|
- app/views/material_design/cards/_outlined.html.erb
|
|
60
65
|
- app/views/material_design/dividers/_horizontal.html.erb
|
|
61
66
|
- app/views/material_design/icons/_10k.html.erb
|
|
@@ -2222,7 +2227,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
2222
2227
|
- !ruby/object:Gem::Version
|
|
2223
2228
|
version: '0'
|
|
2224
2229
|
requirements: []
|
|
2225
|
-
rubygems_version: 3.
|
|
2230
|
+
rubygems_version: 3.5.3
|
|
2226
2231
|
signing_key:
|
|
2227
2232
|
specification_version: 4
|
|
2228
2233
|
summary: Material Design
|