Skip to content

E
edx-platform
Commit 74ea364a by marco
Options

cleaned up margin and padding to use baseline variable

parent d648b18d
Showing with 147 additions and 149 deletions
lms/static/sass/_discussion.scss
......@@ -8,7 +8,7 @@
font-size: 13px;
font-weight: 700;
line-height: 32px;
color: #fff;
color: $white;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, .15);
......@@ -33,7 +33,7 @@
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, .15);
&:hover {
@include linear-gradient(top, #fff, #ddd);
@include linear-gradient(top, $white, #ddd);
}
}
......@@ -43,11 +43,11 @@
padding: 0 15px;
border-radius: 3px;
border: 1px solid #222;
background: -webkit-linear-gradient(top, #777, #555);
background: -webkit-linear-gradient(top, $gray, #555);
font-size: 13px;
font-weight: 700;
line-height: 32px;
color: #fff;
color: $white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, .15);
......@@ -60,11 +60,11 @@
width: 100%;
height: 240px;
margin-top: 0;
padding: 10px;
padding: $baseline/2;
@include box-sizing(border-box);
border: 1px solid #aaa;
border-radius: 3px 3px 0 0;
background: #fff;
background: $white;
font-family: 'Monaco', monospace;
font-size: 13px;
line-height: 1.6;
......@@ -74,14 +74,14 @@
@mixin discussion-wmd-preview {
width: 100%;
min-height: 40px;
padding: 25px 20px 10px 20px;
padding: 25px $baseline $baseline/2 $baseline;
@include box-sizing(border-box);
border: 1px solid #aaa;
border-top: none;
border-radius: 0 0 3px 3px;
background: #eee;
color: #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px $black-t0 inset;
}
@-webkit-keyframes fadeIn {
......@@ -98,13 +98,13 @@ body.discussion {
padding: 0;
border: 1px solid #333;
list-style: none;
color: #fff;
color: $white;
line-height: 1.6;
border-radius: 3px;
@include box-shadow(0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, .2));
li {
padding: 10px 20px 12px 45px;
padding: $baseline/2 $baseline 12px 45px;
border-bottom: 1px solid #dc4949;
background: url(../images/white-error-icon.png) no-repeat 15px 14px;
......@@ -135,7 +135,7 @@ body.discussion {
.new-post-article {
display: none;
margin-top: 20px;
margin-top: $baseline;
.inner-wrapper {
max-width: 1180px;
......@@ -146,13 +146,13 @@ body.discussion {
.left-column {
float: left;
width: 32%;
padding: 40px;
padding: $baseline*2;
@include box-sizing(border-box);
label {
font-size: 22px;
font-weight: 700;
color: #fff;
color: $white;
text-shadow: none;
}
......@@ -168,8 +168,8 @@ body.discussion {
.form-group-label {
display: block;
padding-top: 5px;
color:#fff;
padding-top: $baseline/4;
color: $white;
}
.topic_dropdown_button {
......@@ -191,7 +191,7 @@ body.discussion {
.topic_menu_wrapper {
display: none;
position: absolute;
top: 40px;
top: $baseline*2;
left: 0;
z-index: 9999;
width: 100%;
......@@ -207,7 +207,7 @@ body.discussion {
a {
display: block;
padding: 10px 15px;
padding: $baseline/2 15px;
border-top: 1px solid #5f5f5f;
font-size: 14px;
font-weight: 700;
......@@ -237,7 +237,7 @@ body.discussion {
}
.topic_menu_search {
padding: 10px;
padding: $baseline/2;
border-bottom: 1px solid black;
}
......@@ -248,8 +248,8 @@ body.discussion {
@include box-sizing(border-box);
border-radius: 30px;
border: 1px solid #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, .25) inset;
background: -webkit-linear-gradient(top, #eee, #fff);
box-shadow: 0 1px 3px $black-t1 inset;
background: -webkit-linear-gradient(top, #eee, $white);
font-size: 11px;
line-height: 16px;
color: #333;
......@@ -260,7 +260,7 @@ body.discussion {
.right-column {
float: left;
width: 68%;
padding: 40px;
padding: $baseline*2;
@include box-sizing(border-box);
}
......@@ -275,7 +275,7 @@ body.discussion {
.edit-post-form {
width: 100%;
margin-bottom: 40px;
margin-bottom: $baseline*2;
@include clearfix;
@include box-sizing(border-box);
......@@ -284,20 +284,20 @@ body.discussion {
}
.form-row {
margin-top: 20px;
margin-top: $baseline;
}
.post-cancel {
@include white-button;
float: left;
margin: 10px 0 0 15px;
margin: $baseline/2 0 0 15px;
}
.post-update {
@include blue-button;
float: left;
height: 37px;
margin-top: 10px;
margin-top: $baseline/2;
padding-bottom: 2px;
&:hover {
......@@ -308,26 +308,26 @@ body.discussion {
.edit-post-title, .edit-post-tags {
width: 100%;
height: 40px;
padding: 0 10px;
padding: 0 $baseline/2;
@include box-sizing(border-box);
border-radius: 3px;
border: 1px solid #aaa;
font-size: 16px;
font-family: $sans-serif;
color: #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px $black-t0 inset;
}
.tagsinput {
padding: 10px;
padding: $baseline/2;
@include box-sizing(border-box);
border: 1px solid #aaa;
border-radius: 3px;
background: #fff;
background: $white;
font-family: 'Monaco', monospace;
font-size: 13px;
line-height: 1.6;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 3px $black-t1 inset;
span.tag {
margin-bottom: 0;
......@@ -337,15 +337,15 @@ body.discussion {
.new-post-form {
width: 100%;
margin-bottom: 20px;
margin-bottom: $baseline;
border-radius: 3px;
background: rgba(0, 0, 0, .55);
color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 rgba(255, 255, 255, .5);
color: $white;
box-shadow: 0 1px 2px $black-t2 inset, 0 1px 0 $white-t2;
@include clearfix;
.form-row {
margin-bottom: 20px;
margin-bottom: $baseline;
}
.new-post-body .wmd-input {
......@@ -354,27 +354,27 @@ body.discussion {
width: 100%;
height: 200px;
z-index: 1;
padding: 10px;
padding: $baseline/2;
@include box-sizing(border-box);
border: 1px solid #333;
border-radius: 3px 3px 0 0;
background: #fff;
background: $white;
font-family: 'Monaco', monospace;
font-size: 13px;
line-height: 1.6;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 3px $black-t1 inset;
}
.tagsinput {
padding: 10px;
padding: $baseline/2;
@include box-sizing(border-box);
border: 1px solid #333;
border-radius: 3px;
background: #fff;
background: $white;
font-family: 'Monaco', monospace;
font-size: 13px;
line-height: 1.6;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 3px $black-t1 inset;
span.tag {
margin-bottom: 0;
......@@ -387,13 +387,13 @@ body.discussion {
width: 100%;
//height: 50px;
margin-top: -1px;
padding: 25px 20px 10px 20px;
padding: 25px $baseline $baseline/2 $baseline;
@include box-sizing(border-box);
border: 1px solid #333;
border-radius: 0 0 3px 3px;
background: #e6e6e6;
color: #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 3px $black-t1 inset;
}
.new-post-preview-label {
......@@ -409,14 +409,14 @@ body.discussion {
.new-post-tags {
width: 100%;
height: 40px;
padding: 0 10px;
padding: 0 $baseline/2;
@include box-sizing(border-box);
border-radius: 3px;
border: 1px solid #333;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 3px $black-t1 inset;
}
.new-post-title {
......@@ -427,7 +427,7 @@ body.discussion {
@include blue-button;
float: left;
height: 37px;
margin-top: 10px;
margin-top: $baseline/2;
padding-bottom: 2px;
border-color: #333;
......@@ -440,17 +440,17 @@ body.discussion {
@include white-button;
border-color: #444;
float: left;
margin: 10px 0 0 15px;
margin: $baseline/2 0 0 15px;
}
.options {
margin-top: 40px;
margin-top: $baseline*2;
label {
display: inline;
margin-left: 8px;
font-size: 15px;
color: #fff;
color: $white;
text-shadow: none;
}
}
......@@ -459,12 +459,12 @@ body.discussion {
.thread-tags {
margin-top: 20px;
margin-top: $baseline;
}
.thread-tag {
margin-right: 5px;
padding: 3px 10px 6px;
padding: 3px $baseline/2 6px;
border-radius: 3px;
color: #333;
background: #c5eeff;
......@@ -474,7 +474,7 @@ body.discussion {
.thread-title {
display: block;
margin-bottom: 20px;
margin-bottom: $baseline;
font-size: 21px;
color: #333;
font-weight: 700;
......@@ -519,7 +519,7 @@ body.discussion {
.sidebar-toggle-moderator-button {
@include blue-button;
text-align: center;
margin-top: 20px;
margin-top: $baseline;
}
}
......@@ -555,7 +555,7 @@ body.discussion {
.wmd-preview {
position: relative;
font-family: $sans-serif;
padding: 25px 20px 10px 20px;
padding: 25px $baseline $baseline/2 $baseline;
margin-bottom: 5px;
@include box-sizing(border-box);
border: 1px solid #c8c8c8;
......@@ -584,7 +584,7 @@ body.discussion {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 10px;
margin-top: $baseline/2;
padding: 0px;
height: 20px;
overflow: hidden;
......@@ -639,11 +639,11 @@ body.discussion {
.wmd-prompt-dialog {
@extend .modal;
background: #fff;
background: $white;
}
.wmd-prompt-dialog {
padding: 20px;
padding: $baseline;
> div {
font-size: 0.8em;
......@@ -735,8 +735,6 @@ body.discussion {
color: $gray-l1;
font-size: 28px;
z-index: 100;
width: 25px;
height: 25px;
opacity: 1;
@include transition(all .2s ease-out);
}
......@@ -760,7 +758,7 @@ body.discussion {
.browse-topic-drop-btn {
span {
color: #fff;
color: $white;
text-shadow: none;
}
......@@ -795,7 +793,7 @@ body.discussion {
}
.post-search {
padding: 0 10px;
padding: 0 $baseline/2;
max-width: 1000px;
}
......@@ -834,7 +832,7 @@ body.discussion {
font-weight: 700;
line-height: 58px;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
text-shadow: 0 1px 0 $white-t3;
opacity: 0.0;
@include transition(opacity .2s);
}
......@@ -886,12 +884,12 @@ body.discussion {
a {
display: block;
padding: 0 20px;
padding: 0 $baseline;
border-top: 1px solid #5f5f5f;
font-size: 12px;
font-weight: 700;
line-height: 22px;
color: #fff;
color: $white;
@include clearfix;
@include transition(none);
......@@ -908,7 +906,7 @@ body.discussion {
float: left;
width: 80%;
margin: 13px 0;
color: #fff;
color: $white;
}
.unread {
......@@ -938,7 +936,7 @@ body.discussion {
}
.browse-topic-drop-search {
padding: 10px;
padding: $baseline/2;
}
.browse-topic-drop-search-input {
......@@ -949,7 +947,7 @@ body.discussion {
border-radius: 30px;
border: 1px solid #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, .25) inset;
background: -webkit-linear-gradient(top, #eee, #fff);
background: -webkit-linear-gradient(top, #eee, $white);
font-size: 11px;
line-height: 16px;
color: #333;
......@@ -973,8 +971,8 @@ body.discussion {
@include box-sizing(border-box);
border: 1px solid #acacac;
border-radius: 30px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .5);
background: url(../images/search-icon.png) no-repeat 7px center #fff;
box-shadow: 0 1px 3px $white-t0 inset, 0 1px 0 $white-t2;
background: url(../images/search-icon.png) no-repeat 7px center $white;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 13px;
......@@ -1004,7 +1002,7 @@ body.discussion {
border-bottom: 1px solid $gray-l3;
@include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
background-color: $gray-l2;
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
box-shadow: 0 1px 0 $white-t1 inset;
span,
a {
......@@ -1019,7 +1017,7 @@ body.discussion {
.sort-label {
display: block;
float: left;
margin: 0 10px;
margin: 0 $baseline/2;
}
li {
......@@ -1051,7 +1049,7 @@ body.discussion {
}
.group-filter-label {
width: 40px;
margin-left:10px;
margin-left: $baseline/2;
}
.group-filter-select {
......@@ -1099,11 +1097,11 @@ body.discussion {
float: left;
clear: both;
width: 100%;
padding: 0 10px 0 18px;
padding: 0 $baseline/2 0 18px;
margin-bottom: 1px;
margin-right: -1px;
@include linear-gradient(top, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
background-color: #fff;
background-color: $white;
@include clearfix;
&:hover {
......@@ -1144,7 +1142,7 @@ body.discussion {
display: block;
float: left;
width: 70%;
margin: 8px 0 10px;
margin: 8px 0 $baseline/2;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
......@@ -1200,7 +1198,7 @@ body.discussion {
.votes-count,
.comments-count {
@include linear-gradient(top, #3994c7, #4da7d3);
color: #fff;
color: $white;
&:after {
background-position: 0 0;
......@@ -1278,7 +1276,7 @@ body.discussion {
min-height: 500px;
border: 1px solid #aaa;
border-radius: 3px;
background: #fff;
background: $white;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
&.sidebar-fixed {
......@@ -1438,7 +1436,7 @@ body.discussion {
.discussion-article {
position: relative;
padding: 40px;
padding: $baseline*2;
min-height: 468px;
a {
......@@ -1446,7 +1444,7 @@ body.discussion {
}
h1 {
margin-bottom: 10px;
margin-bottom: $baseline/2;
font-size: 28px;
font-weight: 700;
letter-spacing: 0;
......@@ -1470,13 +1468,13 @@ body.discussion {
}
.post-context{
margin-top: 20px;
margin-top: $baseline;
font-size: 12px;
color: #888;
}
p + p {
margin-top: 20px;
margin-top: $baseline;
}
.dogear {
......@@ -1499,13 +1497,13 @@ body.discussion {
}
.discussion-post {
padding: 10px 20px;
padding: $baseline/2 $baseline;
> header .vote-btn {
position: relative;
z-index: 100;
margin-top: 5px;
margin-left: 40px;
margin-left: $baseline*2;
}
......@@ -1537,7 +1535,7 @@ body.discussion {
.discussion-post header,
.responses li header {
margin-bottom: 20px;
margin-bottom: $baseline;
}
......@@ -1550,7 +1548,7 @@ body.discussion {
> li {
position: relative;
margin: 0 -10px 30px;
padding: 26px 30px 20px;
padding: 26px 30px $baseline;
border-radius: 3px;
border: 1px solid #b2b2b2;
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
......@@ -1578,7 +1576,7 @@ body.discussion {
background: #009fe2;
font-size: 9px;
font-weight: 700;
color: #fff;
color: $white;
text-transform: uppercase;
}
......@@ -1594,7 +1592,7 @@ body.discussion {
background: #449944;
font-size: 9px;
font-weight: 700;
color: #fff;
color: $white;
text-transform: uppercase;
}
......@@ -1622,7 +1620,7 @@ body.discussion {
padding: 0 8px;
border-radius: 5px;
border: 1px solid #b2b2b2;
@include linear-gradient(top, #fff 35%, #ebebeb);
@include linear-gradient(top, $white 35%, #ebebeb);
box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
font-size: 12px;
font-weight: 700;
......@@ -1644,7 +1642,7 @@ body.discussion {
&.is-cast {
border-color: #379a42;
@include linear-gradient(top, #50cc5e, #3db84b);
color: #fff;
color: $white;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 2px rgba(0, 0, 0, .2);
......@@ -1661,10 +1659,10 @@ body.discussion {
float: right;
width: 27px;
height: 27px;
margin-right: 10px;
margin-right: $baseline/2;
border-radius: 27px;
border: 1px solid #a0a0a0;
@include linear-gradient(top, #fff 35%, #ebebeb);
@include linear-gradient(top, $white 35%, #ebebeb);
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
.check-icon {
......@@ -1689,13 +1687,13 @@ body.discussion {
blockquote {
background: #f6f6f6;
border-radius: 3px;
padding: 5px 10px;
padding: 5px $baseline/2;
font-size: 14px;
}
.comments {
list-style: none;
margin-top: 20px;
margin-top: $baseline;
padding: 0;
border-top: 1px solid #ddd;
......@@ -1707,7 +1705,7 @@ body.discussion {
blockquote {
background: #e6e6e6;
border-radius: 3px;
padding: 5px 10px;
padding: 5px $baseline/2;
font-size: 14px;
}
......@@ -1716,8 +1714,8 @@ body.discussion {
@include clearfix;
.comment-form-input {
padding: 5px 10px;
background-color: #fff;
padding: 5px $baseline/2;
background-color: $white;
font-size: 14px;
}
......@@ -1738,7 +1736,7 @@ body.discussion {
.response-body {
font-size: 13px;
padding: 10px 20px;
padding: $baseline/2 $baseline;
p + p {
margin-top: 12px;
......@@ -1746,7 +1744,7 @@ body.discussion {
}
.posted-details {
margin: 0 20px 10px;
margin: 0 $baseline $baseline/2;
font-size: 11px;
}
......@@ -1776,7 +1774,7 @@ body.discussion {
}
.comment-form {
padding: 8px 20px;
padding: 8px $baseline;
.wmd-input {
@include transition(all .2s);
......@@ -1794,7 +1792,7 @@ body.discussion {
.comment-form-input {
width: 100%;
height: 31px;
padding: 0 10px;
padding: 0 $baseline/2;
@include box-sizing(border-box);
border: 1px solid #b2b2b2;
border-radius: 3px;
......@@ -1809,7 +1807,7 @@ body.discussion {
.moderator-actions {
margin: 0;
margin-top: 20px;
margin-top: $baseline;
padding: 0;
@include clearfix;
......@@ -1825,7 +1823,7 @@ body.discussion {
padding: 0 12px;
border-radius: 3px;
border: 1px solid #b2b2b2;
@include linear-gradient(top, #fff 35%, #ebebeb);
@include linear-gradient(top, $white 35%, #ebebeb);
font-size: 13px;
line-height: 24px;
color: #737373;
......@@ -1860,20 +1858,20 @@ body.discussion {
}
.new-post-form {
margin-top: 20px;
margin-top: $baseline
@include clearfix;
}
.new-post-form .submit {
@include blue-button;
float: left;
margin-top: 10px;
margin-top: $baseline/2;
padding-bottom: 2px;
}
.new-post-form .options {
float: right;
margin-top: 20px;
margin-top: $baseline;
font-size: 14px;
label {
......@@ -1886,7 +1884,7 @@ body.discussion {
.discussion-reply-new {
padding: 20px;
padding: $baseline;
@include clearfix;
@include transition(opacity .2s);
......@@ -1909,7 +1907,7 @@ body.discussion {
}
.reply-post-control {
margin-top: 20px;
margin-top: $baseline;
}
.discussion-submit-post {
......@@ -1936,8 +1934,8 @@ body.discussion {
.discussion-module {
@extend .discussion-body;
position: relative;
margin: 20px 0;
padding: 20px;
margin: $baseline 0;
padding: $baseline;
background: #f6f6f6 !important;
border-radius: 3px;
......@@ -1948,11 +1946,11 @@ body.discussion {
}
.responses {
margin-top: 40px;
margin-top: $baseline*2;
> li {
margin: 0 20px 20px !important;
padding: 26px 30px 20px !important;
margin: 0 $baseline $baseline !important;
padding: 26px 30px $baseline !important;
}
}
......@@ -1993,7 +1991,7 @@ body.discussion {
margin-top: 30px;
.threads {
margin-top: 20px;
margin-top: $baseline;
}
/* Course content p has a default margin-bottom of 1.416em, this is just to reset that */
......@@ -2006,7 +2004,7 @@ body.discussion {
}
&.expanded {
padding: 20px 0;
padding: $baseline 0;
.dogear{
display: block;
......@@ -2026,14 +2024,14 @@ body.discussion {
.discussion-article {
border: 1px solid #ddd;
border-bottom-width: 0;
background: #fff;
background: $white;
min-height: 0;
padding: 10px 10px 15px 10px;
padding: $baseline/2 $baseline/2 15px $baseline/2;
box-shadow: 0 1px 0 #ddd;
@include transition(all .2s);
.discussion-post {
padding: 12px 20px 0 20px;
padding: 12px $baseline 0 $baseline;
@include clearfix;
.inline-comment-count {
......@@ -2084,7 +2082,7 @@ body.discussion {
}
.post-tools {
margin-left: 20px;
margin-left: $baseline;
margin-top: 5px;
a {
......@@ -2107,7 +2105,7 @@ body.discussion {
}
.responses {
margin-top: 10px;
margin-top: $baseline/2;
header {
padding-bottom: 0;
......@@ -2144,7 +2142,7 @@ body.discussion {
.new-post-article {
display: none;
margin-top: 20px;
margin-top: $baseline;
.inner-wrapper {
max-width: 1180px;
......@@ -2154,17 +2152,17 @@ body.discussion {
.new-post-form {
width: 100%;
margin-bottom: 20px;
margin-bottom: $baseline;
padding: 30px;
border-radius: 3px;
background: rgba(0, 0, 0, .55);
color: #fff;
color: $white;
box-shadow: none;
@include clearfix;
@include box-sizing(border-box);
.form-row {
margin-bottom: 20px;
margin-bottom: $baseline;
}
.new-post-body .wmd-input {
......@@ -2173,11 +2171,11 @@ body.discussion {
width: 100%;
height: 200px;
z-index: 1;
padding: 10px;
padding: $baseline/2;
@include box-sizing(border-box);
border: 1px solid #333;
border-radius: 3px 3px 0 0;
background: #fff;
background: $white;
font-family: 'Monaco', monospace;
font-size: 13px;
line-height: 1.6;
......@@ -2190,7 +2188,7 @@ body.discussion {
width: 100%;
//height: 50px;
margin-top: -1px;
padding: 25px 20px 10px 20px;
padding: 25px $baseline $baseline/2 $baseline;
@include box-sizing(border-box);
border: 1px solid #333;
border-radius: 0 0 3px 3px;
......@@ -2212,7 +2210,7 @@ body.discussion {
.new-post-tags {
width: 100%;
height: 40px;
padding: 0 10px;
padding: 0 $baseline/2;
@include box-sizing(border-box);
border-radius: 3px;
border: 1px solid #333;
......@@ -2227,11 +2225,11 @@ body.discussion {
}
.tagsinput {
padding: 10px;
padding: $baseline/2;
@include box-sizing(border-box);
border: 1px solid #333;
border-radius: 3px;
background: #fff;
background: $white;
font-family: 'Monaco', monospace;
font-size: 13px;
line-height: 1.6;
......@@ -2246,7 +2244,7 @@ body.discussion {
@include blue-button;
float: left;
height: 37px;
margin-top: 10px;
margin-top: $baseline/2;
padding-bottom: 2px;
border-color: #333;
......@@ -2258,7 +2256,7 @@ body.discussion {
.new-post-cancel {
@include white-button;
float: left;
margin: 10px 0 0 15px;
margin: $baseline/2 0 0 15px;
border-color: #444;
}
......@@ -2269,18 +2267,18 @@ body.discussion {
display: inline;
margin-left: 8px;
font-size: 15px;
color: #fff;
color: $white;
text-shadow: none;
}
}
}
.thread-tags {
margin: 20px 0;
margin: $baseline 0;
}
.thread-tag {
padding: 3px 10px 6px;
padding: 3px $baseline/2 6px;
margin-right: 5px;
border-radius: 3px;
color: #333;
......@@ -2291,7 +2289,7 @@ body.discussion {
.thread-title {
display: block;
margin-bottom: 20px;
margin-bottom: $baseline;
font-size: 21px;
color: #333;
font-weight: 700;
......@@ -2378,7 +2376,7 @@ body.discussion {
.wmd-preview {
position: relative;
font-family: $sans-serif;
padding: 25px 20px 10px 20px;
padding: 25px $baseline $baseline/2 $baseline;
margin-bottom: 5px;
@include box-sizing(border-box);
border: 1px solid #c8c8c8;
......@@ -2407,7 +2405,7 @@ body.discussion {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 10px;
margin-top: $baseline/2;
padding: 0px;
height: 20px;
overflow: hidden;
......@@ -2463,11 +2461,11 @@ body.discussion {
.wmd-prompt-dialog {
@extend .modal;
background: #fff;
background: $white;
}
.wmd-prompt-dialog {
padding: 20px;
padding: $baseline;
> div {
font-size: 0.8em;
......@@ -2523,25 +2521,25 @@ body.discussion {
}
.edit-post-form {
width: 100%;
margin-bottom: 20px;
margin-bottom: $baseline;
@include clearfix;
@include box-sizing(border-box);
.form-row {
margin-top: 20px;
margin-top: $baseline;
}
.post-cancel {
@include white-button;
float: left;
margin: 10px 0 0 15px;
margin: $baseline/2 0 0 15px;
}
.post-update {
@include blue-button;
float: left;
height: 37px;
margin-top: 10px;
margin-top: $baseline/2;
padding-bottom: 2px;
&:hover {
......@@ -2552,7 +2550,7 @@ body.discussion {
.edit-post-title, .edit-post-tags {
width: 100%;
height: 40px;
padding: 0 10px;
padding: 0 $baseline/2;
@include box-sizing(border-box);
border-radius: 3px;
border: 1px solid #aaa;
......@@ -2563,11 +2561,11 @@ body.discussion {
}
.tagsinput {
padding: 10px;
padding: $baseline/2;
@include box-sizing(border-box);
border: 1px solid #aaa;
border-radius: 3px;
background: #fff;
background: $white;
font-family: 'Monaco', monospace;
font-size: 13px;
line-height: 1.6;
......@@ -2580,11 +2578,11 @@ body.discussion {
}
.thread-tags {
margin: 20px 0;
margin: $baseline 0;
}
.thread-tag {
padding: 3px 10px 6px;
padding: 3px $baseline/2 6px;
margin-right: 5px;
border-radius: 3px;
color: #333;
......@@ -2602,7 +2600,7 @@ body.discussion {
font-size: 12px;
color:#000;
font-style: italic;
background-color:#fff;
background-color: $white;
}
.discussion-pin {
......@@ -2611,7 +2609,7 @@ body.discussion {
padding-right: 5px;
font-style: italic;
cursor:pointer;
margin-right: 10px;
margin-right: $baseline/2;
opacity: 0.8;
span {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment