Skip to content
This repository was archived by the owner on Mar 10, 2024. It is now read-only.

Commit 0e7a864

Browse files
author
bhasher
committed
Update less rules
1 parent 54eb492 commit 0e7a864

File tree

3 files changed

+179
-172
lines changed

3 files changed

+179
-172
lines changed

src/publics/css/base.less

Lines changed: 81 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
| Generic |
33
\*******************/
44

5-
@bg-color: #222;
6-
75
*{
86
margin: 0;
97
padding: 0;
@@ -21,7 +19,7 @@
2119
}
2220

2321
body{
24-
background-color: @bg-color;
22+
background-color: #222222;
2523
color: white;
2624
font-family: sans-serif;
2725
height:100vh;
@@ -47,13 +45,13 @@ body{
4745
border: 1px solid royalblue;
4846
size: 8px;
4947
text-align: center;
50-
}
5148

52-
.alertCard h3{
53-
display: block;
54-
text-align: center;
55-
text-transform: uppercase;
56-
margin-bottom: 5px;
49+
h3{
50+
display: block;
51+
text-align: center;
52+
text-transform: uppercase;
53+
margin-bottom: 5px;
54+
}
5755
}
5856

5957
/******************\
@@ -70,19 +68,19 @@ header{
7068
width: 100vw;
7169
box-sizing: border-box;
7270
z-index: 200;
73-
}
7471

75-
header h1{
76-
float: left;
77-
}
72+
h1{
73+
float: left;
74+
}
7875

79-
header .title-1{
80-
font-size: 40px;
81-
}
76+
.title-1{
77+
font-size: 40px;
78+
}
8279

83-
header a{
84-
color: inherit;
85-
text-decoration: inherit;
80+
a{
81+
color: inherit;
82+
text-decoration: inherit;
83+
}
8684
}
8785

8886
/*******************\
@@ -98,49 +96,49 @@ div#welcome{
9896
background-color: rgba(10, 10, 10, 0.5);
9997
display: none;
10098
z-index: 4;
101-
}
102-
103-
div#welcome div#welcome-text{
104-
position: absolute;
105-
top: 50%;
106-
left: 50%;
107-
min-width: 350px;
108-
max-width: 500px;
109-
-webkit-transform: translate(-50%, -50%);
110-
transform: translate(-50%, -50%);
111-
color: #111111;
112-
background-color: #d5e6ed;
113-
margin: 0 auto;
114-
padding: 1em;
115-
border-radius: 20px;
116-
border: 1px solid forestgreen;
117-
box-shadow: forestgreen 0 0 10px;
118-
}
119-
120-
div#welcome .welcome-content{
121-
text-align: justify;
122-
padding: 10px 0;
123-
letter-spacing: 0.9px;
124-
line-height: 25px;
125-
}
12699

127-
div#welcome .welcome-enjoy{
128-
float: left;
129-
}
130-
131-
div#welcome button{
132-
float: right;
133-
width: 150px;
134-
height: 45px;
135-
background-color: forestgreen;
136-
border: none;
137-
border-radius: 10px;
138-
letter-spacing: 2px;
139-
color: white;
140-
}
141-
142-
div#welcome button:hover{
143-
cursor: pointer;
100+
div#welcome-text{
101+
position: absolute;
102+
top: 50%;
103+
left: 50%;
104+
min-width: 350px;
105+
max-width: 500px;
106+
-webkit-transform: translate(-50%, -50%);
107+
transform: translate(-50%, -50%);
108+
color: #111111;
109+
background-color: #d5e6ed;
110+
margin: 0 auto;
111+
padding: 1em;
112+
border-radius: 20px;
113+
border: 1px solid forestgreen;
114+
box-shadow: forestgreen 0 0 10px;
115+
}
116+
117+
.welcome-content{
118+
text-align: justify;
119+
padding: 10px 0;
120+
letter-spacing: 0.9px;
121+
line-height: 25px;
122+
}
123+
124+
.welcome-enjoy{
125+
float: left;
126+
}
127+
128+
button{
129+
float: right;
130+
width: 150px;
131+
height: 45px;
132+
background-color: forestgreen;
133+
border: none;
134+
border-radius: 10px;
135+
letter-spacing: 2px;
136+
color: white;
137+
}
138+
139+
button:hover{
140+
cursor: pointer;
141+
}
144142
}
145143

146144
.blur-background > *:not(#body):not(#welcome) {
@@ -172,27 +170,27 @@ div#welcome button:hover{
172170
padding: 15px 0 5px 0;
173171
border-top: 1px solid rgb(53, 58, 60);
174172
text-align: center;
175-
}
176-
177-
#footer #links{
178-
margin-bottom: 20px;
179-
}
180-
181-
#footer #links a{
182-
margin: 0 25px;
183-
font-size: 12px;
184-
color: lightgray;
185-
text-decoration: none;
186-
}
187-
188-
#footer #links a[href="#"]{
189-
color: #555;
190-
text-decoration: line-through;
191-
font-style: italic;
192-
}
193173

194-
#footer #links #link-welcome[id]{
195-
color: lightgray;
196-
text-decoration: none;
197-
font-style: normal;
174+
#links{
175+
margin-bottom: 20px;
176+
177+
a{
178+
margin: 0 25px;
179+
font-size: 12px;
180+
color: lightgray;
181+
text-decoration: none;
182+
}
183+
184+
a[href="#"]{
185+
color: #555;
186+
text-decoration: line-through;
187+
font-style: italic;
188+
}
189+
190+
#link-welcome[id]{
191+
color: lightgray;
192+
text-decoration: none;
193+
font-style: normal;
194+
}
195+
}
198196
}

src/publics/css/editor.less

Lines changed: 39 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,50 @@
1-
header #actions{
2-
float: right;
3-
padding: 5px 20px;
4-
}
1+
/******************\
2+
| Header |
3+
\******************/
4+
5+
header{
6+
#actions{
7+
float: right;
8+
padding: 5px 20px;
9+
}
510

6-
header #download{
7-
display: inline-block;
8-
background-color: #333333;
9-
color: white;
10-
padding: 10px;
11-
border-radius: 5px;
12-
text-decoration: none;
11+
header #download{
12+
display: inline-block;
13+
background-color: #333333;
14+
color: white;
15+
padding: 10px;
16+
border-radius: 5px;
17+
text-decoration: none;
18+
}
1319
}
1420

21+
/*******************\
22+
| Section |
23+
\*******************/
24+
1525
section#editor{
1626
counter-reset: thecodenumbering;
1727
line-height: 22px;
18-
}
1928

20-
section#editor div{
21-
font-family: "Courier New", monospace;
22-
counter-increment: thecodenumbering;
23-
width: 100%;
24-
white-space: pre-wrap;
25-
}
26-
section#editor div:before{
27-
padding-right:10px;
28-
content: counter(thecodenumbering);
29-
display:inline-block;
30-
width:3em;
31-
text-align: center;
32-
}
29+
div{
30+
font-family: "Courier New", monospace;
31+
counter-increment: thecodenumbering;
32+
width: 100%;
33+
white-space: pre-wrap;
34+
}
3335

34-
section#colorful{
35-
font-weight: normal !important;
36+
div:before{
37+
padding-right:10px;
38+
content: counter(thecodenumbering);
39+
display:inline-block;
40+
width:3em;
41+
text-align: center;
42+
}
43+
44+
.noteditable{
45+
background-color: #181818;
46+
opacity: 50%;
47+
}
3648
}
3749

3850
.pointer{
@@ -45,8 +57,3 @@ section#colorful{
4557
background-color: red;
4658
border-radius: 10px;
4759
}
48-
49-
.noteditable{
50-
background-color: #181818;
51-
opacity: 50%;
52-
}

0 commit comments

Comments
 (0)