Adjust border colors and radius

skanev · Sep 20, 2016 · 113aaf5 · 113aaf5
1 parent cfd1bb1
commit 113aaf5
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/app/assets/stylesheets/_contribution.scss b/app/assets/stylesheets/_contribution.scss
@@ -1,4 +1,6 @@
 @mixin contribution {
+  border-radius: 5px;
+
   & { margin: 5px 0; overflow: hidden; padding: 20px; }
   &:nth-child(even) { background-color: $gray; }
   &.starred { background-color: #fffdd0; }
@@ -8,11 +10,19 @@
 
   .body { @include content; margin-right: 200px; }
 
-  .published-at { border-top: 1px dotted gray; color: #666; font-size: $font-small; margin-right: 200px; padding-top: 5px; }
+  .published-at {
+    margin-right: 200px;
+    padding-top: 5px;
+    border-top: 1px solid $light-border;
+
+    color: #666;
+    font-size: $font-small;
+  }
 
   a.permalink {
     color: #666;
     text-decoration: none;
+
     &:hover { color: $color-link; }
   }
 

diff --git a/app/assets/stylesheets/_forms.scss b/app/assets/stylesheets/_forms.scss
@@ -9,8 +9,8 @@
   .boolean label { display: inline; }
 
   input.string,
-  input.password { border: 1px solid $light-border; font-size: $font-large; padding: 5px; margin: 2px 0; }
-  textarea { border: 1px solid $light-border; font-size: $font-normal; padding: 5px; margin: 2px 0; width: 600px; height: 200px; }
+  input.password { border: 1px solid $dark-border; font-size: $font-large; padding: 5px; margin: 2px 0; }
+  textarea { border: 1px solid $dark-border; font-size: $font-normal; padding: 5px; margin: 2px 0; width: 600px; height: 200px; }
 
   input.string,
   input.string,

diff --git a/app/assets/stylesheets/_tasks.scss b/app/assets/stylesheets/_tasks.scss
@@ -43,7 +43,7 @@ table.solutions {
 
   .results { @include test-results; }
 
-  article.revision { border: 1px dotted $light-border; padding: 2em; margin: 2em 0; }
+  article.revision { border: 1px solid $light-border; border-radius: 4px; padding: 2em; margin: 2em 0; }
   article.revision h3 { margin: 0 0 2em; }
   article.comment { @include contribution; }
   article.comment:first-of-type { margin-top: 1em; }

diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss
@@ -22,8 +22,8 @@ $orange: orange;
 
 $main-color: $red;
 $menu-color: $main-color;
-$light-border: #c4cccc;
-$dark-border: darken(white, 20%);
+$light-border: lighten(#c4cccc, 10%);
+$dark-border: #c4cccc;
 $button-color: $gray;
 $title-color: lighten(black, 10%);
 $subtitle-color: $main-color;