Skip to content
This repository was archived by the owner on Jan 4, 2021. It is now read-only.

Commit ceff2c0

Browse files
RomainCscnRomainCscn
committed
[FIX] Pep removed, url to webcomponents fixed
1 parent 537ea7f commit ceff2c0

File tree

88 files changed

+449
-6426
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

88 files changed

+449
-6426
lines changed

Diff for: ‎docs/components/myscript-common-element/.bower.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -45,11 +45,11 @@
4545
"paper-toggle-button": "^2.0.0",
4646
"paper-slider": "^2.0.2"
4747
},
48-
"_release": "4bf676593e",
48+
"_release": "b3b218aa5c",
4949
"_resolution": {
5050
"type": "branch",
5151
"branch": "master",
52-
"commit": "4bf676593e0d9ac324fbd0ffacdfe6af50ae00bf"
52+
"commit": "b3b218aa5cb0e182dae5dd6f3d01e4ac2d85d6cd"
5353
},
5454
"_source": "https://github.com/MyScript/myscript-common-element.git",
5555
"_target": "master",

Diff for: ‎docs/components/myscript-common-element/examples/examples.css

+182-1
Original file line numberDiff line numberDiff line change
@@ -20,4 +20,185 @@ select {
2020
font: 400 1.125rem "Source Sans Pro", sans-serif;
2121
border: 0px;
2222
-webkit-tap-highlight-color: transparent;
23-
}
23+
}
24+
25+
/* Index page style */
26+
27+
.svg-icn {
28+
display: none;
29+
}
30+
31+
.index-background {
32+
background: #f5f5f5;
33+
}
34+
35+
@media screen and (min-width: 1024px) {
36+
.example-section {
37+
width: 1002px;
38+
margin-right: auto;
39+
margin-left: auto;
40+
padding-bottom: 48px;
41+
}
42+
43+
.example-section .btn {
44+
margin-left: 20px;
45+
padding: 0 .75em 2px 1.5em;
46+
}
47+
48+
.grid-wrapper {
49+
display: grid;
50+
grid-template-columns: repeat(2, 1fr);
51+
grid-gap: 10px;
52+
grid-auto-rows: minmax(100px, auto);
53+
}
54+
55+
.grid-column-one {
56+
grid-column: 1;
57+
grid-row: 1;
58+
margin-right: 24px;
59+
}
60+
61+
.grid-column-two {
62+
grid-column: 2;
63+
grid-row: 1;
64+
margin-left: 24px;
65+
}
66+
}
67+
68+
@media screen and (min-width: 768px) and (max-width:1023px) {
69+
.example-section {
70+
padding: 0 12px 48px;
71+
}
72+
.example-section .btn {
73+
padding: 0 .75em 2px 1.5em;
74+
}
75+
.grid-wrapper {
76+
display: grid;
77+
grid-template-columns: repeat(2, 1fr);
78+
grid-gap: 10px;
79+
grid-auto-rows: minmax(100px, auto);
80+
}
81+
82+
.grid-column-one {
83+
grid-column: 1;
84+
grid-row: 1;
85+
margin-right: 12px;
86+
}
87+
88+
.grid-column-two {
89+
grid-column: 2;
90+
grid-row: 1;
91+
margin-left: 12px;
92+
}
93+
}
94+
95+
@media screen and (max-width:768px) {
96+
.example-section {
97+
padding: 24px 12px 48px;
98+
}
99+
100+
.example-section .btn {
101+
padding: 0 .5em 2px 1em;
102+
}
103+
104+
}
105+
106+
.example-section {
107+
background: #f5f5f5;
108+
font-family: "Source Sans Pro",sans-serif;
109+
}
110+
111+
.example-section h1 {
112+
font-size: 36px;
113+
line-height: 48px;
114+
padding: 24px 0 24px;
115+
margin: 0;
116+
}
117+
118+
.example-section h2 {
119+
font-size: 24px;
120+
line-height: 24px;
121+
padding-top: 6px;
122+
padding-bottom: 6px;
123+
margin-bottom: 12px;
124+
}
125+
126+
.example-section a {
127+
text-decoration: none;
128+
color: #1a9fff;
129+
transition: all 125ms;
130+
}
131+
132+
.example-section li {
133+
margin-top: 15px;
134+
}
135+
136+
.example-section .btn {
137+
line-height: 43px;
138+
background-color: rgba(0,0,0,.08);
139+
display: inline-block;
140+
font-weight: 700;
141+
text-align: center;
142+
white-space: nowrap;
143+
color: #1a9fff;
144+
text-decoration: none;
145+
border: 2px solid transparent;
146+
border-radius: 3px;
147+
-ms-touch-action: manipulation;
148+
touch-action: manipulation;
149+
cursor: pointer;
150+
transition: all 125ms;
151+
}
152+
153+
.example-section .notice {
154+
padding: 12px 24px 12px 54px;
155+
margin-bottom: 24px;
156+
font-weight: 600;
157+
border-radius: 3px;
158+
}
159+
160+
.example-section .notice-warning {
161+
color: #cd1e3c;
162+
background: #fae6e8;
163+
}
164+
165+
.example-section .notice-info {
166+
color: #0065b8;
167+
background: #d8eefe;
168+
}
169+
170+
.notice .notice-txt {
171+
font-size: 16px;
172+
line-height: 24px;
173+
padding-top: 6px;
174+
padding-bottom: 6px;
175+
}
176+
177+
.icn {
178+
margin: 0 2px -4px -12px;
179+
width: 20px;
180+
height: 20px;
181+
}
182+
183+
.notice .icn {
184+
float: left;
185+
width: 18px;
186+
height: 18px;
187+
padding: 4px;
188+
margin: 6px 0 0 -36px;
189+
color: #fff;
190+
border-radius: 50%;
191+
}
192+
193+
.notice .icn-info {
194+
background: #0065b8;
195+
}
196+
197+
.notice .icn-warning {
198+
background: #cd1e3c;
199+
}
200+
201+
.center {
202+
margin: 20px 0 20px;
203+
text-align: center;
204+
}

0 commit comments

Comments
 (0)