Skip to content

Commit 6dfbf6b

Browse files
KiranPranayKiranPranay
committed
OpenCodeLaw: Fix ol/li identations
Rebrand to OpenCodeLaw Signed-off-by: kiranpranay <[email protected]>
1 parent 643e10a commit 6dfbf6b

File tree

3 files changed

+206
-0
lines changed

3 files changed

+206
-0
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
css/style.css.map

‎css/style.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -174,6 +174,10 @@ main .container-main .container-main__content .paragraph {
174174
font-weight: 400;
175175
line-height: normal;
176176
}
177+
main .container-main .container-main__content .paragraph ol,
178+
main .container-main .container-main__content .paragraph li {
179+
margin-left: 1em;
180+
}
177181
main .container-main .container-main__content .adoption-d {
178182
margin-top: 1.3em;
179183
}

‎css/style.scss‎

Lines changed: 201 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,201 @@
1+
$background-color: #f5f5f5;
2+
$primary-font: "montserrat";
3+
$box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
4+
* {
5+
margin: 0;
6+
padding: 0;
7+
}
8+
body {
9+
background-color: #f5f5f5;
10+
font-family: $primary-font;
11+
}
12+
.nav {
13+
background-color: #f5f5f5;
14+
padding: 10px 0;
15+
margin-bottom: 20px;
16+
border-radius: 5px;
17+
margin: auto 2em;
18+
padding: 2em;
19+
box-shadow: $box-shadow;
20+
a {
21+
color: #000;
22+
text-decoration: none;
23+
font-weight: bold;
24+
text-align: center;
25+
&:hover {
26+
color: #000;
27+
text-decoration: underline;
28+
}
29+
.title-wrap {
30+
display: flex;
31+
justify-content: center;
32+
align-items: center;
33+
img {
34+
width: 45px;
35+
border-radius: 50%;
36+
margin: 0 1em;
37+
}
38+
h1 {
39+
font-family: $primary-font;
40+
font-size: 20px;
41+
text-align: center;
42+
}
43+
}
44+
}
45+
}
46+
main {
47+
margin: 2em;
48+
display: flex;
49+
.vertical-nav {
50+
background-color: $background-color;
51+
box-shadow: $box-shadow;
52+
border-radius: 5px;
53+
margin-right: 2em;
54+
padding: 2em;
55+
min-width: 180px;
56+
height: calc(100vh - 0px);
57+
top: 0;
58+
position: sticky;
59+
.nav-content {
60+
display: flex;
61+
align-items: center;
62+
img {
63+
width: 5em;
64+
height: 4.2em;
65+
position: relative;
66+
right: 1.5em;
67+
}
68+
h2 {
69+
font-family: $primary-font;
70+
position: relative;
71+
right: 1.5em;
72+
color: #333;
73+
font-size: 18px;
74+
font-style: normal;
75+
font-weight: 700;
76+
line-height: normal;
77+
}
78+
}
79+
.nav-ul {
80+
li.nav-list {
81+
list-style: none;
82+
color: #333;
83+
font-size: 15px;
84+
font-style: normal;
85+
font-weight: 500;
86+
line-height: normal;
87+
margin: 0.6em 0;
88+
a {
89+
text-decoration: none;
90+
color: #333;
91+
}
92+
a::selection {
93+
color: #007bff;
94+
}
95+
a.active {
96+
color: #007bff;
97+
}
98+
.nav-hide {
99+
display: none;
100+
}
101+
.nav-show {
102+
display: block;
103+
}
104+
.sub-nav {
105+
margin-left: 1em;
106+
li.nav-list {
107+
list-style: none;
108+
color: #333;
109+
font-size: 15px;
110+
font-style: normal;
111+
font-weight: 500;
112+
line-height: normal;
113+
margin: 0.6em 0;
114+
a.heading {
115+
font-family: $primary-font;
116+
font-size: 16px;
117+
font-style: normal;
118+
font-weight: 600;
119+
line-height: normal;
120+
}
121+
a.active {
122+
color: #007bff;
123+
}
124+
}
125+
}
126+
}
127+
li.heading {
128+
font-family: $primary-font;
129+
font-size: 16px;
130+
font-style: normal;
131+
font-weight: 600;
132+
line-height: normal;
133+
a.active {
134+
color: #007bff;
135+
}
136+
}
137+
}
138+
}
139+
.container-main {
140+
background-color: $background-color;
141+
box-shadow: $box-shadow;
142+
border-radius: 5px;
143+
width: 100%;
144+
overflow: hidden;
145+
contain: layout;
146+
text-size-adjust: 100%;
147+
text-rendering: optimizespeed !important;
148+
-webkit-font-smoothing: antialiased;
149+
.container-main__content {
150+
padding: 2em;
151+
.heading-primary {
152+
color: #333;
153+
font-family: $primary-font;
154+
font-size: 25px;
155+
font-style: normal;
156+
font-weight: 700;
157+
line-height: normal;
158+
text-align: center;
159+
text-transform: uppercase;
160+
margin-bottom: 0.5em;
161+
}
162+
.paragraph {
163+
color: #333;
164+
text-align: justify;
165+
font-family: Open Sans;
166+
font-size: 15px;
167+
font-style: normal;
168+
font-weight: 400;
169+
line-height: normal;
170+
ol,
171+
li {
172+
margin-left: 1em;
173+
}
174+
}
175+
.adoption-d {
176+
margin-top: 1.3em;
177+
}
178+
.article-container {
179+
.heading-secondary {
180+
color: #333;
181+
text-align: justify;
182+
font-family: Open Sans;
183+
font-size: 17px;
184+
font-style: normal;
185+
font-weight: 700;
186+
line-height: normal;
187+
margin: 0.3em;
188+
}
189+
}
190+
.section-container {
191+
margin-left: 2em;
192+
}
193+
}
194+
}
195+
}
196+
// media queries
197+
@media (max-width: 768px) {
198+
.vertical-nav {
199+
display: none;
200+
}
201+
}

0 commit comments

Comments
 (0)