mirror of
https://github.com/vale981/Vulcan
synced 2025-03-08 19:11:38 -05:00
making css more flexible
This commit is contained in:
Sacha Greif
parent
5cfc0c6b02
commit
b22892cad5
2 changed files with 40 additions and 42 deletions
|
|
@ -470,7 +470,7 @@ em {
|
|||
-moz-align-items: center; }
|
||||
/* line 31, ../scss/modules/_posts.scss */
|
||||
.post .modules-group .cell {
|
||||
margin-right: 10px; }
|
||||
margin-right: 20px; }
|
||||
@media screen and (min-width: 30em) {
|
||||
/* line 31, ../scss/modules/_posts.scss */
|
||||
.post .modules-group .cell {
|
||||
|
|
@ -766,39 +766,40 @@ em {
|
|||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
line-height: 70px;
|
||||
vertical-align: baseline;
|
||||
text-align: center;
|
||||
color: #b3c1c6;
|
||||
font-size: 36px;
|
||||
line-height: 50px; }
|
||||
/* line 359, ../scss/modules/_posts.scss */
|
||||
color: #b3c1c6; }
|
||||
/* line 355, ../scss/modules/_posts.scss */
|
||||
.post-share > a i, .post-discuss > a i {
|
||||
font-size: 36px;
|
||||
height: 45px;
|
||||
display: block; }
|
||||
/* line 360, ../scss/modules/_posts.scss */
|
||||
.post-share > a.edit-link, .post-discuss > a.edit-link {
|
||||
color: #DD3416; }
|
||||
/* line 362, ../scss/modules/_posts.scss */
|
||||
/* line 363, ../scss/modules/_posts.scss */
|
||||
.post-share > a.share-link, .post-discuss > a.share-link {
|
||||
color: #7ac0e4;
|
||||
color: #f8e121; }
|
||||
/* line 366, ../scss/modules/_posts.scss */
|
||||
/* line 367, ../scss/modules/_posts.scss */
|
||||
.post-share > a.discuss-link, .post-discuss > a.discuss-link {
|
||||
color: #a3d06d; }
|
||||
/* line 369, ../scss/modules/_posts.scss */
|
||||
/* line 370, ../scss/modules/_posts.scss */
|
||||
.post-share > a.more-link, .post-discuss > a.more-link {
|
||||
color: #7ac0e4; }
|
||||
/* line 373, ../scss/modules/_posts.scss */
|
||||
/* line 374, ../scss/modules/_posts.scss */
|
||||
.post-share > a:hover, .post-share > a:hover .action, .post-discuss > a:hover, .post-discuss > a:hover .action {
|
||||
color: #DD3416; }
|
||||
/* line 377, ../scss/modules/_posts.scss */
|
||||
/* line 378, ../scss/modules/_posts.scss */
|
||||
.post-share > a.voted, .post-discuss > a.voted {
|
||||
background: #4e555d;
|
||||
color: white;
|
||||
cursor: default; }
|
||||
/* line 381, ../scss/modules/_posts.scss */
|
||||
/* line 382, ../scss/modules/_posts.scss */
|
||||
.post-share > a.voted .action, .post-discuss > a.voted .action {
|
||||
color: #fff; }
|
||||
/* line 385, ../scss/modules/_posts.scss */
|
||||
/* line 386, ../scss/modules/_posts.scss */
|
||||
.post-share > a .count, .post-discuss > a .count {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
|
|
@ -807,40 +808,38 @@ em {
|
|||
height: 20px;
|
||||
line-height: 20px;
|
||||
font-size: 11px; }
|
||||
/* line 394, ../scss/modules/_posts.scss */
|
||||
/* line 395, ../scss/modules/_posts.scss */
|
||||
.post-share > a .points, .post-discuss > a .points {
|
||||
display: block;
|
||||
font-size: 30px;
|
||||
line-height: 50px; }
|
||||
/* line 399, ../scss/modules/_posts.scss */
|
||||
/* line 400, ../scss/modules/_posts.scss */
|
||||
.post-share > a .action, .post-discuss > a .action {
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
line-height: 20px;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 0px;
|
||||
font-size: 13px;
|
||||
color: #b3c1c6;
|
||||
pointer-events: none; }
|
||||
|
||||
/* line 414, ../scss/modules/_posts.scss */
|
||||
/* line 413, ../scss/modules/_posts.scss */
|
||||
.post-body {
|
||||
border-radius: 3px;
|
||||
margin-bottom: 10px;
|
||||
background: white;
|
||||
padding: 20px;
|
||||
font-size: 16px; }
|
||||
/* line 421, ../scss/modules/_posts.scss */
|
||||
/* line 420, ../scss/modules/_posts.scss */
|
||||
.list .post-body {
|
||||
display: none; }
|
||||
|
||||
/* line 426, ../scss/modules/_posts.scss */
|
||||
/* line 425, ../scss/modules/_posts.scss */
|
||||
.post.sticky {
|
||||
background: #fffce0; }
|
||||
|
||||
/* line 430, ../scss/modules/_posts.scss */
|
||||
/* line 429, ../scss/modules/_posts.scss */
|
||||
.more-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
@ -853,54 +852,54 @@ em {
|
|||
border-radius: 0px 0px 3px 3px;
|
||||
text-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);
|
||||
padding: 0px; }
|
||||
/* line 442, ../scss/modules/_posts.scss */
|
||||
/* line 441, ../scss/modules/_posts.scss */
|
||||
.more-button:hover {
|
||||
background: rgba(0, 0, 0, 0.15); }
|
||||
|
||||
/* line 447, ../scss/modules/_posts.scss */
|
||||
/* line 446, ../scss/modules/_posts.scss */
|
||||
.inner-table {
|
||||
display: table;
|
||||
height: 100%; }
|
||||
|
||||
/* line 451, ../scss/modules/_posts.scss */
|
||||
/* line 450, ../scss/modules/_posts.scss */
|
||||
.inner-table-cell {
|
||||
display: table-cell;
|
||||
vertical-align: middle; }
|
||||
|
||||
@media screen and (max-width: 30em) {
|
||||
/* line 458, ../scss/modules/_posts.scss */
|
||||
/* line 457, ../scss/modules/_posts.scss */
|
||||
.posts {
|
||||
padding: 0; }
|
||||
/* line 460, ../scss/modules/_posts.scss */
|
||||
/* line 459, ../scss/modules/_posts.scss */
|
||||
.posts .post-rank {
|
||||
display: none; }
|
||||
|
||||
/* line 465, ../scss/modules/_posts.scss */
|
||||
/* line 464, ../scss/modules/_posts.scss */
|
||||
.post .post-content {
|
||||
margin-right: 50px;
|
||||
margin-right: 0px; }
|
||||
/* line 469, ../scss/modules/_posts.scss */
|
||||
/* line 468, ../scss/modules/_posts.scss */
|
||||
.post .post-content .upvote-link {
|
||||
width: 30px; }
|
||||
/* line 472, ../scss/modules/_posts.scss */
|
||||
/* line 471, ../scss/modules/_posts.scss */
|
||||
.post .post-content .post-info {
|
||||
padding: 13px 0; }
|
||||
/* line 477, ../scss/modules/_posts.scss */
|
||||
/* line 476, ../scss/modules/_posts.scss */
|
||||
.post .post-content .post-heading .post-title {
|
||||
display: block;
|
||||
margin-bottom: 4px; }
|
||||
/* line 481, ../scss/modules/_posts.scss */
|
||||
/* line 480, ../scss/modules/_posts.scss */
|
||||
.post .post-content .post-heading .post-domain {
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
font-size: 13px; }
|
||||
/* line 487, ../scss/modules/_posts.scss */
|
||||
/* line 486, ../scss/modules/_posts.scss */
|
||||
.post .post-content .post-meta {
|
||||
font-size: 11px; }
|
||||
/* line 489, ../scss/modules/_posts.scss */
|
||||
/* line 488, ../scss/modules/_posts.scss */
|
||||
.post .post-content .post-meta .unit {
|
||||
font-size: 0; }
|
||||
/* line 491, ../scss/modules/_posts.scss */
|
||||
/* line 490, ../scss/modules/_posts.scss */
|
||||
.post .post-content .post-meta .unit:after {
|
||||
font-size: 12px;
|
||||
content: "pts "; } }
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
.cell{
|
||||
// display: table-cell;
|
||||
// vertical-align: middle;
|
||||
margin-right: $grid-margin;
|
||||
margin-right: $grid-margin*2;
|
||||
@include medium-large{
|
||||
@include flex-shrink(0);
|
||||
}
|
||||
|
|
@ -348,14 +348,15 @@
|
|||
position:relative;
|
||||
display:inline-block;
|
||||
padding:0;
|
||||
width:$grid-unit;
|
||||
height:$grid-unit;
|
||||
line-height:$grid-unit;
|
||||
vertical-align:baseline;
|
||||
text-align:center;
|
||||
color:$light-text;
|
||||
font-size:36px;
|
||||
line-height:50px;
|
||||
i{
|
||||
font-size: 36px;
|
||||
height: 45px;
|
||||
display: block;
|
||||
}
|
||||
&.edit-link{
|
||||
color:$red;
|
||||
}
|
||||
|
|
@ -399,9 +400,7 @@
|
|||
.action{
|
||||
display:block;
|
||||
height:20px;
|
||||
width:100%;
|
||||
line-height:20px;
|
||||
position:absolute;
|
||||
bottom:5px;
|
||||
left:0px;
|
||||
font-size:13px;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue