Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//---- Blog UI
2 
.blog_entry {
1441 ariadna 3 
  .comment-link {
4 
    margin-top: 1rem;
5 
    margin-bottom: 1rem;
6 
    text-align: left;
1 efrain 7 
 
1441 ariadna 8 
    .icon {
9 
      display: none;
1 efrain 10 
    }
1441 ariadna 11 
  }
1 efrain 12 
 
1441 ariadna 13 
  .audience {
14 
    text-align: left;
15 
    font-size: $font-size-xs;
16 
    color: $gray-700;
1 efrain 17 
 
1441 ariadna 18 
    .theme-dark & {
19 
      color: $dm-gray-700;
1 efrain 20 
    }
1441 ariadna 21 
  }
1 efrain 22 
 
1441 ariadna 23 
  .tags {
24 
    margin-top: 15px;
25 
  }
1 efrain 26 
 
1441 ariadna 27 
  .content {
28 
    margin-left: 43px;
1 efrain 29 
  }
1441 ariadna 30 
}
1 efrain 31 
 
32 
 
33 
.blog {
1441 ariadna 34 
  @include media-breakpoint-up(xl) {
35 
    width: calc(33% - 20px);
36 
  }
37 
 
38 
  @include media-breakpoint-between(md, lg) {
39 
    width: calc(50% - 20px);
40 
  }
41 
 
42 
  @include media-breakpoint-down(md) {
43 
    width: 100%;
44 
    margin: 10px auto;
45 
  }
46 
 
1 efrain 47 
  padding: 1.5rem;
48 
 
49 
  border: 1px solid $border-color;
50 
  border-radius: $btn-border-radius;
51 
 
52 
  position: relative;
53 
 
54 
  .theme-dark & {
55 
    border: 1px solid $dm-border-color;
56 
  }
57 
 
58 
  .blog-entry-author {
59 
    font-size: $font-size-xs;
60 
    color: $body-color-secondary;
61 
 
62 
    .theme-dark & {
63 
      color: $dm-body-color-secondary;
64 
    }
65 
 
66 
    .userpicture {
67 
      margin: 0 0 0 10px;
68 
    }
69 
 
70 
  }
71 
 
72 
  .tag_list {
73 
    margin: 20px 0;
74 
  }
75 
 
76 
  .tags,
77 
  .action-icon {
78 
    font-size: $font-size-sm;
79 
 
80 
    .fa-fw {
81 
      margin-left: 3px;
82 
    }
83 
  }
84 
 
85 
  .blog-entry-cover {
86 
    overflow: hidden;
87 
    width: 100%;
88 
    margin: 1rem 0;
89 
 
90 
    img {
1441 ariadna 91 
      border-radius: $btn-border-radius;
1 efrain 92 
      width: 100%;
93 
    }
94 
  }
95 
 
96 
  .blog-entry-topic {
97 
    a {
98 
      display: block;
99 
      margin: 1rem 0;
1441 ariadna 100 
      font-size: 18px;
101 
      line-height: 24px;
102 
      font-weight: $font-weight-bold;
1 efrain 103 
      color: $body-color;
104 
 
105 
      .theme-dark & {
106 
        color: $dm-body-color;
107 
      }
108 
    }
109 
  }
110 
 
111 
  .blog-entry-date {
112 
    color: $body-color-secondary;
113 
 
114 
    .theme-dark & {
115 
      color: $dm-body-color-secondary;
116 
    }
117 
  }
118 
 
119 
  .blog-entry {
120 
    font-size: $font-size-base;
121 
  }
122 
 
123 
  .blog-entry-footer {
124 
    padding-top: 1rem;
125 
    padding-bottom: 1rem;
126 
    margin-top: 1rem;
127 
    margin-bottom: 0;
128 
    border-top: 1px solid $border-color;
129 
 
130 
    .theme-dark & {
131 
      border-top: 1px solid $dm-border-color;
132 
    }
133 
  }
134 
 
135 
  .comment-link {
136 
    margin-top: 1rem;
137 
  }
138 
 
139 
  .attachments {
140 
    margin-top: 1rem;
141 
    width: 100%;
142 
    display: inline-flex;
143 
    align-items: center;
144 
    font-size: $font-size-sm;
145 
 
146 
    a {
147 
      margin: 0;
148 
      font-size: inherit;
149 
    }
150 
  }
151 
 
1441 ariadna 152 
}
153 
 
154 
#page-blog-index {
155 
  .main-content {
156 
    width: 100%;
157 
    display: inline-flex;
158 
    flex-wrap: wrap;
159 
    gap: 30px;
160 
  }
161 
 
162 
  .page-header-content {
163 
    margin-bottom: 0;
164 
  }
165 
 
166 
  .rui-title-container,
167 
  .addbloglink {
168 
    width: 100%;
169 
    margin: 0;
170 
  }
1 efrain 171 
}