8000 Update · css-ui/css-ui.github.io@e8e9f9d · GitHub
[go: up one dir, main page]
Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit e8e9f9d

Browse files
accgitaccgit
committed
Update
1 parent 4b417a4 commit e8e9f9d

37 files changed

+1558
-98
lines changed

‎composer.json

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"require": {
3+
"accgit/open-sans": "^1.0",
4+
"css-ui/css-ui": "^2.0",
5+
"frontpack/composer-assets-plugin": "^0.9"
6+
},
7+
"config": {
8+
"assets-dir": "www/assets"
9+
}
10+
}

‎css/cssui.min.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@
88
<title>CSS UI - The code samples</title>
99

1010
<!-- css -->
11-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
12-
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&amp;subset=latin-ext">
13-
<link rel="stylesheet" href="css/cssui.min.css">
14-
<link rel="stylesheet" href="css/style.css">
11+
<link rel="stylesheet" href="www/assets/accgit/normalize.css/normalize.css">
12+
<link rel="stylesheet" href="www/assets/accgit/open-sans/font.face.kit.css">
13+
<link rel="stylesheet" href="www/assets/css-ui/css-ui/cssui.css">
14+
<link rel="stylesheet" href="style.css">
1515
</head>
1616
<body>
1717
<!-- link to source on github -->

‎css/style.css renamed to ‎style.css

Lines changed: 92 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -1,93 +1,92 @@
1-
2-
/* custom style
3-
========================================================================== */
4-
body {
5-
background: #f2f2f2;
6-
font-family: 'Open Sans', sans-serif;
7-
padding: 10px 0 25px;
8-
}
9-
10-
h2 {
11-
margin: 20px 0 30px;
12-
}
13-
14-
/* layout
15-
========================================================================== */
16-
.container {
17-
max-width: 960px;
18-
padding: 0 20px;
19-
}
20-
21-
.title {
22-
font-size: 3em;
23-
margin-bottom: 20px;
24-
}
25-
26-
.box {
27-
background: #fff;
28-
border-radius: 3px;
29-
margin-bottom: 15px;
30-
padding: 10px 20px;
31-
}
32-
33-
.heading {
34-
font-size: 2.25em;
35-
margin: 10px 0 5px
36-
}
37-
38-
.heading span {
39-
color: #ddd;
40-
margin-right: 15px;
41-
text-decoration: none;
42-
}
43-
44-
.text {
45-
font-size: 1.25em;
46-
margin: 15px 0;
47-
}
48-
49-
.view .column,
50-
.view .columns {
51-
background: #f2f2f2;
52-
border-radius: 3px;
53-
font-size: 0.750em;
54-
font-weight: 600;
55-
margin-bottom: 5px;
56-
padding: 5px;
57-
text-align: center;
58-
text-transform: uppercase;
59-
}
60-
61-
/* link to source on github
62-
========================================================================== */
63-
.github-corner:hover .octo-arm {
64-
animation: octocat-wave 560ms ease-in-out;
65-
}
66-
67-
.svg {
68-
fill: #2197f4;
69-
color: #fff;
70-
position: fixed;
71-
top: 0;
72-
border: 0;
73-
right: 0;
74-
}
75-
76-
@keyframes octocat-wave {
77-
78-
0%,100% {transform: rotate(0)}
79-
20%, 60% {transform: rotate(-25deg)}
80-
40%, 80% {transform: rotate(10deg)}
81-
}
82-
83-
@media (max-width:500px) {
84-
85-
.github-corner:hover .octo-arm {
86-
animation: none;
87-
}
88-
89-
.github-corner .octo-arm {
90-
animation: octocat-wave 560ms ease-in-out;
91-
}
92-
}
93-
1+
2+
/* custom style
3+
========================================================================== */
4+
body {
5+
background: #f2f2f2;
6+
font-family: 'Open Sans', sans-serif;
7+
padding: 10px 0 25px;
8+
}
9+
10+
h2 {
11+
margin: 20px 0 30px;
12+
}
13+
14+
/* layout
15+
========================================================================== */
16+
.container {
17+
max-width: 960px;
18+
padding: 0 20px;
19+
}
20+
21+
.title {
22+
font-size: 3em;
23+
margin-bottom: 20px;
24+
}
25+
26+
.box {
27+
background: #fff;
28+
border-radius: 3px;
29+
margin-bottom: 15px;
30+
padding: 10px 20px;
31+
}
32+
33+
.heading {
34+
font-size: 2.25em;
35+
margin: 10px 0 5px
36+
}
37+
38+
.heading span {
39+
color: #ddd;
40+
margin-right: 15px;
41+
text-decoration: none;
42+
}
43+
44+
.text {
45+
font-size: 1.25em;
46+
margin: 15px 0;
47+
}
48+
49+
.view .column,
50+
.view .columns {
51+
background: #f2f2f2;
52+
border-radius: 3px;
53+
fo 7802 nt-size: 0.750em;
54+
font-weight: 600;
55+
margin-bottom: 5px;
56+
padding: 5px;
57+
text-align: center;
58+
text-transform: uppercase;
59+
}
60+
61+
/* link to source on github
62+
========================================================================== */
63+
.github-corner:hover .octo-arm {
64+
animation: octocat-wave 560ms ease-in-out;
65+
}
66+
67+
.svg {
68+
fill: #2197f4;
69+
color: #fff;
70+
position: fixed;
71+
top: 0;
72+
border: 0;
73+
right: 0;
74+
}
75+
76+
@keyframes octocat-wave {
77+
78+
0%,100% {transform: rotate(0)}
79+
20%, 60% {transform: rotate(-25deg)}
80+
40%, 80% {transform: rotate(10deg)}
81+
}
82+
83+
@media (max-width:500px) {
84+
85+
.github-corner:hover .octo-arm {
86+
animation: none;
87+
}
88+
89+
.github-corner .octo-arm {
90+
animation: octocat-wave 560ms ease-in-out;
91+
}
92+
}

0 commit comments

Comments
 (0)
0