Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 51923fd

Browse files
Stylesheet refactor.
1 parent 9554227 commit 51923fd

File tree

6 files changed

+31
-19
lines changed

6 files changed

+31
-19
lines changed

‎flask_session_tutorial/static/dist/css/dashboard.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎flask_session_tutorial/static/dist/js/main.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,16 @@
11
// Remove Alert on Close
2-
let alertButton = document.querySelector('.alert button');
2+
let alertButton = document.querySelector(".alert button");
33

4-
if (alertButton){
5-
alertButton.addEventListener('click', function (event) {
4+
if (alertButton) {
5+
alertButton.addEventListener(
6+
"click",
7+
function (event) {
8+
// If the clicked element doesn't have the right selector, bail
9+
alertButton.parentNode.style.display = "none";
610

7-
// If the clicked element doesn't have the right selector, bail
8-
alertbutton.parentNode.style.display = 'none';
9-
10-
// Don't follow the link
11-
event.preventDefault();
12-
13-
}, false);
11+
// Don't follow the link
12+
event.preventDefault();
13+
},
14+
false
15+
);
1416
}

‎flask_session_tutorial/static/src/less/account.less‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -103,9 +103,9 @@
103103
margin-bottom: 15px;
104104
width: -webkit-fill-available;
105105
border-radius: 2px;
106-
border: 1px solid #d4d9e3;
106+
border: 1px solid @input-border-color;
107107
font-weight: 200;
108-
color: #4d5060;
108+
color: @input-text-color;
109109
font-family: @body-font;
110110
transition: @transition;
111111
font-size: .9em;
@@ -116,12 +116,12 @@
116116
}
117117

118118
&::placeholder {
119-
color: #d4d9e3;
119+
color: @input-placeholder-text;
120120
}
121121

122122
&:hover {
123123
border-color: @theme-color;
124-
background: #d9f6ff;
124+
background: @input-background-highlight-color;
125125

126126
&::placeholder {
127127
color: @theme-color;
@@ -134,7 +134,7 @@
134134
box-shadow: unset;
135135

136136
&::placeholder {
137-
color: #d4d9e3;
137+
color: @input-border-color;
138138
}
139139
}
140140
}
@@ -176,7 +176,7 @@
176176
list-style: none;
177177
padding: 0;
178178
font-size: .9em;
179-
color: #b75353;
179+
color: @alert-error-font-color;
180180
}
181181
}
182182

‎flask_session_tutorial/static/src/less/dashboard.less‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ html {
3232
h1 {
3333
font-family: 'agenda', sans-serif;
3434
font-weight: 600;
35-
text-shadow: -1px 1px 0 #3e798d;
35+
text-shadow: -1px 1px 0 @text-highlight-color;
3636
}
3737

3838
p {

‎flask_session_tutorial/static/src/less/vars.less‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,22 @@
11
// Colors
2+
// -------------------------
23
@theme-color: #0297f6;
34
@background-color: #e1eaf5;
5+
@text-highlight-color: #3e798d;
46
@box-shadow: 0 0 5px rgba(65, 67, 144, 0.15);
57
@header-color: #5f6988;
68

9+
// Alerts
710
@alert-font-color: #856404;
811
@alert-background-color: #fff3cd;
912
@alert-border-color: #ffeeba;
13+
@alert-error-font-color: #b75353;
14+
15+
// Forms
16+
@input-text-color: #4d5060;
17+
@input-border-color: #d4d9e3;
18+
@input-background-highlight-color: #d9f6ff;
19+
@input-placeholder-text: #d4d9e3;
1020

1121
// Fonts
1222
@body-font: 'Poppins', sans-serif;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /