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 
    + .btn-link {
9 
        margin-left: .35rem;
10 
    }
11 
}
12 
 
13 
.continuebutton {
14 
    text-align: right;
15 
 
16 
    @include media-breakpoint-between(xs,sm) {
17 
    .btn, a {
18 
        width: 100%;
19 
    }
20 
    }
21 
}
22 
 
23 
p.arrow_button {
24 
    margin-top: 5em;
25 
    text-align: center;
26 
}
27 
 
28 
#addcontrols {
29 
    // This is displayed in a column between 2 20 row multi-selects. This should be just short of half way.
30 
    margin-top: 38px;
31 
    text-align: center;
32 
 
33 
    label {
34 
        display: inline;
35 
    }
36 
}
37 
 
38 
#removecontrols {
39 
    margin-top: 10px;
40 
}
41 
 
42 
#addcontrols,
43 
#removecontrols {
44 
    input {
45 
        width: 100%;
46 
        margin: auto;
47 
    }
48 
}
49 
 
50 
.btn-lineup {
51 
    margin: 0 0 10px 5px;
52 
}
53 
 
54 
.btn.btn-icon {
55 
    height: ($icon-width + 20px);
56 
    width: ($icon-width + 20px);
57 
    font-size: $icon-width;
58 
    line-height: $icon-width;
59 
    padding: 0;
60 
    border-radius: $btn-border-radius;
61 
    flex-shrink: 0;
62 
 
63 
    justify-content: center;
64 
 
65 
    .action-menu & {
66 
        width: auto;
67 
        font-size: $font-size-sm;
68 
    }
69 
 
70 
    .action-menu.dropdown-btn & {
71 
        background-color: transparent;
72 
    }
73 
 
74 
    .sticky-header-settings-menu &,
75 
    #headerBtn & {
76 
        padding: 0;
77 
        height: ($icon-width + 20px);
78 
        width: ($icon-width + 20px);
79 
    }
80 
 
81 
    .rui-activity-actions & {
82 
        width: auto;
83 
        height: 40px;
84 
        padding: 0 1rem;
85 
        font-size: $font-size-sm;
86 
 
87 
        @include hover-focus {
88 
            background-color: $gray-200;
89 
 
90 
            .theme-dark & {background-color: $dm-gray-200;}
91 
        }
92 
    }
93 
 
94 
    @each $size, $length in $iconsizes {
95 
        &.icon-size-#{$size} {
96 
            height: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
97 
            width: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
98 
            font-size: $length !important; /* stylelint-disable-line declaration-no-important */
99 
            line-height: $length !important; /* stylelint-disable-line declaration-no-important */
100 
        }
101 
    }
102 
}
103 
 
104 
.btn-sm.btn-icon {
105 
    height: 33px;
106 
}
107 
 
108 
.btn-icon--xs {
109 
    width: 30px;
110 
    height: 30px;
111 
    font-size: $icon-width;
112 
    line-height: $icon-width;
113 
    padding: 0;
114 
    border-radius: 50%;
115 
    flex-shrink: 0;
116 
 
117 
    @include hover-focus {
118 
        background-color: $gray-200;
119 
 
120 
        .theme-dark & {background-color: $dm-gray-200;}
121 
    }
122 
  }
123 
 
124 
 
125 
.btn--topbar {
126 
    /*margin-right: -20px;*/
127 
    color: $body-color-secondary;
128 
 
129 
    .theme-dark & {color: $dm-body-color-secondary;}
130 
 
131 
    &:hover {
132 
        background-color: $gray-100;
133 
        color: $body-color;
134 
 
135 
        .theme-dark & {
136 
            background-color: $dm-gray-100;
137 
            color: $dm-body-color;
138 
        }
139 
    }
140 
}
141 
 
142 
 
143 
.settings-menu {
144 
    form {
145 
        margin: 0;
146 
    }
147 
}
148 
 
149 
// Loading icon inside button
150 
.btn {
151 
    .loading-icon {
152 
        img {
153 
            width: 14px;
154 
            height: 14px;
155 
        }
156 
    }
157 
}