Mirrors/astuto
1
0
Fork 0
mirror of https://github.com/astuto/astuto.git synced 2025-12-15 11:17:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve style consistency

Browse Source
This commit is contained in:
riggraz
2019-09-27 11:40:33 +02:00
parent f744c497a2
commit e1d8dbc281
12 changed files with 19 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/stylesheets/components/Board.scss
View File

@@ -77,7 +77,7 @@
@extend .my-3;
display: block;
color: black;
color: $astuto-black;
&:hover { text-decoration: none; }
}

2
app/javascript/stylesheets/components/Comments.scss
View File

@@ -55,7 +55,7 @@
font-size: 14px;
.commentReplyButton {
color: #333;
color: $astuto-black;
&:hover {
text-decoration: underline;

2
app/javascript/stylesheets/components/Post.scss
View File

@@ -54,7 +54,7 @@
@extend
.my-3;
color: #333;
color: $astuto-black;
}
}
}

1
app/javascript/stylesheets/constants/_colors.scss
View File

@@ -1,2 +1,3 @@
$astuto-black: #333;
$astuto-grey: rgba(178, 178, 178, 0.15);
$muted-text-color: #6c757d;

4
app/javascript/stylesheets/general/_components.scss
View File

@@ -1,5 +1,5 @@
a {
color: #333;
color: $astuto-black;
&:hover { color: inherit; }
}
@@ -10,7 +10,7 @@ a {
box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 1px 1px rgba(0,0,0,0.15);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
color: #333;
color: $astuto-black;
padding: 8px;
}

2
app/javascript/stylesheets/general/_custom_texts.scss
View File

@@ -22,7 +22,7 @@
@extend
.text-secondary,
.text-uppercase,
.font-weight-lighter;
.font-weight-light;
font-size: 13px;
}

2
app/javascript/stylesheets/general/_form.scss
View File

@@ -33,5 +33,5 @@
margin-top: 24px;
a { color: #333; }
a { color: $astuto-black; }
}

6
app/javascript/stylesheets/general/_header.scss
View File

@@ -45,7 +45,7 @@
.fullname {
vertical-align: middle;
color: black;
color: $astuto-black;
}
.dropdown-toggle::after {
@@ -59,4 +59,8 @@
.navbar-toggler[aria-expanded="true"] {
background-color: $astuto-grey;
}
.dropdown-item:active {
background-color: $astuto-black;
}
}

47
app/javascript/stylesheets/general/_icons.scss
View File

@@ -1,47 +0,0 @@
/* General setup */
span.icon {
margin: 4px;
background-color: white;
border: 2px solid black;
display: inline-block;
position: relative;
vertical-align: top;
}
span.icon:after,
span.icon:before {
background: white;
border: 2px solid black;
content: '';
position: absolute;
}
/* Comment icon */
span.comment {
border-radius: 4px;
width: 22px;
height: 14px;
}
span.comment:after,
span.comment:before {
background: none;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid black;
bottom: -14px;
height: 0;
left: 4px;
width: 0;
}
span.comment:before {
border-top-color: white;
bottom: -11px;
z-index: 1;
}
span.comment:hover:after {
background: none;
}
span.comment:hover:before {
background: none;
border-top-color: #ffe;
}

5
app/javascript/stylesheets/general/_index.scss
View File

@@ -7,6 +7,11 @@
max-width: 920px;
}
.turbolinks-progress-bar {
background-color: $astuto-black;
height: 2px;
}
.gravatar {
border-radius: 16px;
}

1
app/javascript/stylesheets/main.scss
View File

@@ -6,7 +6,6 @@
@import 'general/custom_texts';
@import 'general/form';
@import 'general/header';
@import 'general/icons';
@import 'general/index';
/* Components */