Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

move .gap style to base

This commit is contained in:
Jeff Atwood 2015-06-29 00:47:07 -07:00
parent 92b2bf425d
commit 439927fa81
3 changed files with 38 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -197,3 +197,40 @@ blockquote > *:first-child {
blockquote > *:last-child {
margin-bottom: 0 !important;
}
.gap {
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
padding: 5px 0;
color: lighten($primary, 70%);
cursor: pointer;
text-align: center;
width: calc(#{$topic-avatar-width} + #{$topic-body-width} + 2 * #{$topic-body-width-padding});
&.jagged-border {
background-image:
linear-gradient(
135deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
-135deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
45deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
-45deg,
$secondary 50%, rgba(255,255,255,0) 50%
);
background-position:
top center, top center,
bottom center, bottom center;
background-size: .9em .9em;
background-repeat: repeat-x;
padding: 20px 0;
margin-bottom: 20px;
}
}

37
app/assets/stylesheets/desktop/topic-post.scss
View File

@ -709,43 +709,6 @@ $topic-avatar-width: 45px;
z-index: 2;
}
.gap {
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
padding: 5px 0;
color: lighten($primary, 30%);
cursor: pointer;
text-align: center;
width: calc(#{$topic-avatar-width} + #{$topic-body-width} + 2 * #{$topic-body-width-padding});
&.jagged-border {
background-image:
linear-gradient(
135deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
-135deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
45deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
-45deg,
$secondary 50%, rgba(255,255,255,0) 50%
);
background-position:
top center, top center,
bottom center, bottom center;
background-size: .9em .9em;
background-repeat: repeat-x;
padding: 20px 0;
margin-bottom: 20px;
}
}
.time-gap {
width: 755px;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);

6
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -1,9 +1,5 @@
.gap {
background-color: dark-light-diff($primary, $secondary, 90%, -60%);
padding: 5px 15px;
color: $primary;
text-align: center;
margin: 10px 0;
/* may not need this */
}
.time-gap {