Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
// stylelint-disable no-duplicate-selectors
2 
 
3 
//
4 
// Grid examples
5 
//
6 
 
7 
.bd-example-row {
8 
    .row {
9 
 
10 
        > .col,
11 
        > [class^="col-"] {
12 
            padding-top: .75rem;
13 
            padding-bottom: .75rem;
14 
            background-color: rgba(86, 61, 124, .15);
15 
            border: 1px solid rgba(86, 61, 124, .2);
16 
        }
17 
    }
18 
 
19 
    .row + .row {
20 
        margin-top: 1rem;
21 
    }
22 
}
23 
 
24 
.bd-example-row-flex-cols .row {
25 
    min-height: 10rem;
26 
    background-color: rgba(255, 0, 0, .1);
27 
}
28 
 
29 
.bd-highlight {
30 
    background-color: rgba($bd-purple, .15);
31 
    border: 1px solid rgba($bd-purple, .15);
32 
}
33 
 
34 
.bd-example-responsive-containers {
35 
    [class^="container"] {
36 
        padding-top: .75rem;
37 
        padding-bottom: .75rem;
38 
        background-color: rgba(86, 61, 124, .15);
39 
        border: 1px solid rgba(86, 61, 124, .2);
40 
    }
41 
}
42 
 
43 
// Grid mixins
44 
.example-container {
45 
    width: 800px;
46 
    @include make-container();
47 
}
48 
 
49 
.example-row {
50 
    @include make-row();
51 
}
52 
 
53 
.example-content-main {
54 
    @include make-col-ready();
55 
 
56 
    @include media-breakpoint-up(sm) {
57 
        @include make-col(6);
58 
    }
59 
 
60 
    @include media-breakpoint-up(lg) {
61 
        @include make-col(8);
62 
    }
63 
}
64 
 
65 
.example-content-secondary {
66 
    @include make-col-ready();
67 
 
68 
    @include media-breakpoint-up(sm) {
69 
        @include make-col(6);
70 
    }
71 
 
72 
    @include media-breakpoint-up(lg) {
73 
        @include make-col(4);
74 
    }
75 
}
76 
 
77 
 
78 
//
79 
// Docs examples
80 
//
81 
 
82 
.bd-example {
83 
    position: relative;
84 
    padding: 1rem;
85 
    margin: 1rem (-$grid-gutter-width * 0.5) 0;
86 
    border: solid $gray-100;
87 
    border-width: .2rem 0 0;
88 
    @include clearfix();
89 
 
90 
    @include media-breakpoint-up(sm) {
91 
        padding: 1.5rem;
92 
        margin-right: 0;
93 
        margin-left: 0;
94 
        border-width: .2rem;
95 
    }
96 
 
97 
    + .highlight,
98 
    + .clipboard + .highlight {
99 
        margin-top: 0;
100 
    }
101 
 
102 
    + p {
103 
        margin-top: 2rem;
104 
    }
105 
 
106 
    > .form-control {
107 
        + .form-control {
108 
            margin-top: .5rem;
109 
        }
110 
    }
111 
 
112 
    > .nav + .nav,
113 
    > .alert + .alert,
114 
    > .navbar + .navbar,
115 
    > .progress + .progress {
116 
        margin-top: 1rem;
117 
    }
118 
 
119 
    > .dropdown-menu {
120 
        position: static;
121 
        display: block;
122 
    }
123 
}
124 
 
125 
// Images
126 
.bd-example {
127 
 
128 
    > svg + svg,
129 
    > img + img {
130 
        margin-left: .5rem;
131 
    }
132 
}
133 
 
134 
// Buttons
135 
.bd-example {
136 
 
137 
    > .btn,
138 
    > .btn-group {
139 
        margin-top: .25rem;
140 
        margin-bottom: .25rem;
141 
    }
142 
 
143 
    > .btn-toolbar + .btn-toolbar {
144 
        margin-top: .5rem;
145 
    }
146 
}
147 
 
148 
// List groups
149 
.bd-example > .list-group {
150 
    max-width: 400px;
151 
}
152 
 
153 
.bd-example > [class*="list-group-horizontal"] {
154 
    max-width: 100%;
155 
}
156 
 
157 
// Navbars
158 
.bd-example {
159 
 
160 
    .fixed-top,
161 
    .sticky-top {
162 
        position: static;
163 
        margin: -1rem -1rem 1rem;
164 
    }
165 
 
166 
    .fixed-bottom {
167 
        position: static;
168 
        margin: 1rem -1rem -1rem;
169 
    }
170 
 
171 
    @include media-breakpoint-up(sm) {
172 
 
173 
        .fixed-top,
174 
        .sticky-top {
175 
            margin: -1.5rem -1.5rem 1rem;
176 
        }
177 
 
178 
        .fixed-bottom {
179 
            margin: 1rem -1.5rem -1.5rem;
180 
        }
181 
    }
182 
}
183 
 
184 
// Pagination
185 
.bd-example .pagination {
186 
    margin-top: .5rem;
187 
    margin-bottom: .5rem;
188 
}
189 
 
190 
.bd-example-modal {
191 
    background-color: #fafafa;
192 
 
193 
    .modal {
194 
        position: static;
195 
        display: block;
196 
    }
197 
}
198 
 
199 
// Tooltips
200 
.tooltip-demo a {
201 
    white-space: nowrap;
202 
}
203 
 
204 
// Scrollspy demo on fixed height div
205 
.scrollspy-example {
206 
    position: relative;
207 
    height: 200px;
208 
    margin-top: .5rem;
209 
    overflow: auto;
210 
}
211 
 
212 
.scrollspy-example-2 {
213 
    position: relative;
214 
    height: 350px;
215 
    overflow: auto;
216 
}
217 
 
218 
.bd-example-border-utils {
219 
    [class^="border"] {
220 
        display: inline-block;
221 
        width: 5rem;
222 
        height: 5rem;
223 
        margin: .25rem;
224 
        background-color: #f5f5f5;
225 
    }
226 
}
227 
 
228 
.bd-example-border-utils-0 {
229 
    [class^="border"] {
230 
        border: 1px solid $border-color;
231 
    }
232 
}
233 
 
234 
//
235 
// Code snippets
236 
//
237 
 
238 
.highlight {
239 
    padding: 1rem;
240 
    margin-top: 1rem;
241 
    margin-bottom: 1rem;
242 
    background-color: $gray-100;
243 
    -ms-overflow-style: -ms-autohiding-scrollbar;
244 
 
245 
    @include media-breakpoint-up(sm) {
246 
        padding: 1.5rem;
247 
    }
248 
}
249 
 
250 
.bd-content .highlight {
251 
    margin-right: (-$grid-gutter-width * 0.5);
252 
    margin-left: (-$grid-gutter-width * 0.5);
253 
 
254 
    @include media-breakpoint-up(sm) {
255 
        margin-right: 0;
256 
        margin-left: 0;
257 
    }
258 
}
259 
 
260 
.highlight {
261 
    pre {
262 
        padding: 0;
263 
        margin-top: 0;
264 
        margin-bottom: 0;
265 
        background-color: transparent;
266 
        border: 0;
267 
    }
268 
 
269 
    pre code {
270 
        @include font-size(inherit);
271 
        color: $gray-900; // Effectively the base text color
272 
    }
273 
}