Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.singlebutton {
2 
    display: inline-block;
3 
 
4 
    + .singlebutton {
5 
        margin-left: $spacer * 0.5;
6 
    }
7 
}
8 
 
9 
.continuebutton {
10 
    text-align: center;
11 
}
12 
 
13 
p.arrow_button {
14 
    margin-top: 5em;
15 
    text-align: center;
16 
}
17 
 
18 
#addcontrols {
19 
    // This is displayed in a column between 2 20 row multi-selects. This should be just short of half way.
20 
    margin-top: 8 * $line-height-base * $font-size-base;
21 
    text-align: center;
22 
    margin-bottom: 3em;
23 
 
24 
    label {
25 
        display: inline;
26 
    }
27 
}
28 
 
29 
#addcontrols,
30 
#removecontrols {
31 
    input {
32 
        width: 100%;
33 
        margin: auto;
34 
    }
35 
}
36 
 
37 
.btn-lineup {
38 
    margin: 0 0 10px 5px;
39 
}
40 
 
41 
.btn.btn-icon {
42 
    height: ($icon-width + 20px);
43 
    width: ($icon-width + 20px);
44 
    font-size: $icon-width;
45 
    line-height: $icon-width;
46 
    padding: 0;
47 
    border-radius: 50%;
48 
    flex-shrink: 0;
49 
 
50 
    &:hover,
51 
    &:focus {
52 
        background-color: $gray-200;
53 
    }
54 
 
55 
    @each $size, $length in $iconsizes {
56 
        &.icon-size-#{$size} {
57 
            height: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
58 
            width: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
59 
            font-size: $length !important; /* stylelint-disable-line declaration-no-important */
60 
            line-height: $length !important; /* stylelint-disable-line declaration-no-important */
61 
        }
62 
    }
63 
}
64 
 
65 
// Specific styles for the collapse/expand buttons.
66 
.btn.btn-icon.icons-collapse-expand {
67 
    color: $primary;
68 
    background-color: $primary-light-background;
69 
    &:hover {
70 
        outline: 2px solid $primary;
71 
    }
72 
}
73 
 
74 
@mixin button-focus($background, $innershadow) {
75 
    &:focus,
76 
    &.focus {
77 
        outline: $btn-focus-width solid darken($background, 40%);
78 
        box-shadow: inset 0 0 0 2px $innershadow;
79 
    }
80 
}
81 
 
82 
@each $color, $value in $theme-colors {
83 
    .btn-#{$color} {
84 
        @include button-focus($value, $white);
85 
    }
86 
}
87 
 
88 
@each $color, $value in $theme-colors {
89 
    .btn-outline-#{$color} {
90 
        @include button-focus($value, $gray-800);
91 
    }
92 
}