Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//---- Blog UI
2 
.blog_entry {
3 
    .comment-link {
4 
      margin-top: 1rem;
5 
      margin-bottom: 1rem;
6 
      text-align: left;
7 
 
8 
      .icon {
9 
        display: none;
10 
      }
11 
    }
12 
 
13 
    .audience {
14 
      text-align: left;
15 
      font-size: $font-size-xs;
16 
      color: $gray-700;
17 
 
18 
      .theme-dark & { color: $dm-gray-700; }
19 
    }
20 
 
21 
    .tags {
22 
        margin-top: 15px;
23 
    }
24 
 
25 
    .content {
26 
      margin-left: 43px;
27 
     }
28 
  }
29 
 
30 
 
31 
.blog {
32 
  width: 100%;
33 
  margin: 1.5rem auto;
34 
  padding: 1.5rem;
35 
 
36 
  border: 1px solid $border-color;
37 
  border-radius: $btn-border-radius;
38 
 
39 
  position: relative;
40 
 
41 
  .theme-dark & {
42 
    border: 1px solid $dm-border-color;
43 
  }
44 
 
45 
  .blog-entry-author {
46 
    font-size: $font-size-xs;
47 
    color: $body-color-secondary;
48 
 
49 
    .theme-dark & {
50 
      color: $dm-body-color-secondary;
51 
    }
52 
 
53 
    .userpicture {
54 
      margin: 0 0 0 10px;
55 
    }
56 
 
57 
  }
58 
 
59 
  .tag_list {
60 
    margin: 20px 0;
61 
  }
62 
 
63 
  .tags,
64 
  .action-icon {
65 
    font-size: $font-size-sm;
66 
 
67 
    .fa-fw {
68 
      margin-left: 3px;
69 
    }
70 
  }
71 
 
72 
  .blog-entry-cover {
73 
    overflow: hidden;
74 
    width: 100%;
75 
    margin: 1rem 0;
76 
 
77 
    img {
78 
      width: 100%;
79 
    }
80 
  }
81 
 
82 
  .blog-entry-topic {
83 
    a {
84 
      display: block;
85 
      margin: 1rem 0;
86 
      font-size: 1.5rem;
87 
      font-weight: $font-weight-medium;
88 
      color: $body-color;
89 
 
90 
      .theme-dark & {
91 
        color: $dm-body-color;
92 
      }
93 
    }
94 
  }
95 
 
96 
  .blog-entry-date {
97 
    color: $body-color-secondary;
98 
 
99 
    .theme-dark & {
100 
      color: $dm-body-color-secondary;
101 
    }
102 
  }
103 
 
104 
  .blog-entry {
105 
    font-size: $font-size-base;
106 
  }
107 
 
108 
  .blog-entry-footer {
109 
    padding-top: 1rem;
110 
    padding-bottom: 1rem;
111 
    margin-top: 1rem;
112 
    margin-bottom: 0;
113 
    border-top: 1px solid $border-color;
114 
 
115 
    .theme-dark & {
116 
      border-top: 1px solid $dm-border-color;
117 
    }
118 
  }
119 
 
120 
  .comment-link {
121 
    margin-top: 1rem;
122 
  }
123 
 
124 
  .attachments {
125 
    margin-top: 1rem;
126 
    width: 100%;
127 
    display: inline-flex;
128 
    align-items: center;
129 
    font-size: $font-size-sm;
130 
 
131 
    a {
132 
      margin: 0;
133 
      font-size: inherit;
134 
    }
135 
  }
136 
 
137 
}