Skip to content

Commit d00e956

Browse files
author
jordanmccullough
committed
Tune styling for usable layout and content spacing
1 parent f5b0edf commit d00e956

File tree

2 files changed

+28
-4
lines changed

2 files changed

+28
-4
lines changed

_stylesheets/curriculum-beta.css

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,15 +62,24 @@ html, body {
6262
/* GitHub Links */
6363
/* GitHub Book Links, Guide Links */
6464
/* YouTube Links */ }
65-
.curriculum h1, .curriculum h2, .curriculum h3, .curriculum h4, .curriculum h5, .curriculum h6, .curriculum p, .curriculum ul, .curriculum pre, .curriculum svg {
65+
.curriculum > h1, .curriculum h2, .curriculum h3, .curriculum h4, .curriculum h5, .curriculum h6, .curriculum p, .curriculum ul, .curriculum pre, .curriculum svg {
6666
padding: 0 25%;
6767
margin: 0; }
68+
.curriculum h4 {
69+
line-height: 3em; }
70+
.curriculum p {
71+
line-height: 1.75em; }
72+
.curriculum ul {
73+
display: inline-block;
74+
text-align: left; }
75+
.curriculum svg, .curriculum iframe {
76+
margin: 0 auto; }
6877
.curriculum .slide {
6978
min-height: 100%;
7079
width: 100%;
7180
background: #ffffff;
7281
display: table;
73-
margin: 0 0 3em 0; }
82+
text-align: center; }
7483
.curriculum .slide h1, .curriculum .slide h2, .curriculum .slide h3, .curriculum .slide h4, .curriculum .slide h5, .curriculum .slide h6, .curriculum .slide p, .curriculum .slide ul, .curriculum .slide pre {
7584
padding: 0;
7685
margin: 0; }

_stylesheets/curriculum-beta.scss

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,17 +28,32 @@ html, body{
2828
height: 100%;
2929
width: 100%;
3030

31-
h1,h2,h3,h4,h5,h6,p,ul,pre,svg{
31+
& > h1,h2,h3,h4,h5,h6,p,ul,pre,svg{
3232
padding: 0 25%;
3333
margin: 0;
3434
}
3535

36+
h4{
37+
line-height: 3em;
38+
}
39+
40+
p{
41+
line-height: 1.75em;
42+
}
43+
ul{
44+
display: inline-block;
45+
text-align: left;
46+
}
47+
svg,iframe{
48+
margin: 0 auto;
49+
}
50+
3651
.slide{
3752
min-height: 100%;
3853
width: 100%;
3954
background: #ffffff;
4055
display: table;
41-
margin: 0 0 3em 0;
56+
text-align: center;
4257

4358
h1,h2,h3,h4,h5,h6,p,ul,pre{
4459
padding: 0;

0 commit comments

Comments
 (0)