Файловый менеджер - Редактировать - /var/www/html/components/com_community/templates/jomsocial/scss/components/_button.scss
Ðазад
// private class %button { padding:ms(-1) ms(); display:inline-block; text-align:center; outline:none; text-decoration:none; cursor:pointer; border:1px solid rgba(0,0,0,0.1); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; @include media('small') { margin-bottom: 4px; } } //public mixins @mixin gradient($from, $to: darken($from,10%)) { background-color: $to; background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to)); background-image: -webkit-linear-gradient(top, $from, $to); background-image: -moz-linear-gradient(top, $from, $to); background-image: -ms-linear-gradient(top, $from, $to); background-image: -o-linear-gradient(top, $from, $to); background-image: linear-gradient(top, $from, $to); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{$from}', EndColorStr='#{$to}'); } // public mixins @mixin button-theme($color) { @extend %button; @if $scss-button-style == flat { background:$color; color: color-contrast($color) !important; &:hover, &:active, &:focus { background:lighten($color,8%); text-decoration: none; color: color-contrast($color) !important; } } @else if $scss-button-style == subtle { box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4); @include gradient($color); color: color-contrast($color) !important; &:hover, &:active, &:focus { color: color-contrast($color) !important; @include gradient(lighten($color,8%)); } } } // extend these classes in specific class %button--primary { @include button-theme($scss-color-primary); } %button--secondary { @include button-theme($scss-color-secondary); } %button--neutral { color:$scss-color-neutral-contrast; @include button-theme($scss-color-neutral); } %button--important { @include button-theme($scss-color-important); } %button--info { @include button-theme($scss-color-info); } .joms-button__next { @extend %button--secondary; } .joms-button--full { width: 100%; } .joms-button--full-small { width: 100%; @include media('medium') { width: auto; } } .trumbowyg-modal .joms-button--full-small { width: auto; } .trumbowyg-modal { top: 0 !important; @include media('small') { height: 500px !important; } } .joms-button--primary { @extend %button--primary; } .joms-button--secondary { @extend %button--secondary; } .joms-button--neutral { @extend %button--neutral; } .joms-button--important { @extend %button--important; } .joms-button--privacy { @extend %button--neutral; padding: ms(-2); color: $scss-color-icon; .joms-icon { height: 12px; } .joms-form__group & { margin-top: ms(-2); } } .joms-button--add { @extend %button--primary; position: absolute; padding: 5.34px 8px; line-height: 18px; top: ms(); @if ($scss-direction == rtl) { left: ms(); } @else { right: ms(); } span { display: none; } .joms-icon { fill: color-contrast($scss-color-primary); } @include media('medium') { position: static; display: inline-block; span { display: initial; } svg { display: none; } } } .joms-button--add-on-page { @include media('medium') { position: absolute; top: 14px; width: auto; @if ($scss-direction == rtl) { left: 14px; } @else { right: 14px; } } } .joms-button--more { @extend %button--neutral; padding: ms(-2); font-size: $scss-font-size; } .joms-button--login { @extend %button--primary; width:100%; } .joms-button--signup { @extend %button--secondary; width:100%; @include media('large') { width:auto; } } .joms-button--invite { @extend %button--secondary; width:100%; @include media('large') { width:auto; } } .joms-button--link { @if ($scss-color-link != false ) { color: $scss-color-link; &:hover { color: $scss-color-link; } } display: inline-block; padding-top: ms(-2); } .joms-button--comment { @extend %button--neutral; padding: 8px 8px 7px; margin-bottom: 0; font-size: 12px; } .joms-button__reject { @extend %button--neutral; padding:ms(-2) ms(-1); } .joms-button__approve { @extend %button--primary; padding:ms(-2) ms(-1); } .joms-button--small { padding: ms(-2) ms(-1); } .joms-button--smallest { padding: ms(-4) ms(-2); } .btn-sign-with-twitter { display: inline-block !important; background-image:url("../images/twitter_button.png"); background-color: #4FADE9; background-repeat: no-repeat; background-size: 16px 16px; background-position: 5px 3px; color: #ffffff; padding: 3px 6px 3px 30px; font-weight: bold; margin-top: 0px !important; @include media('small') { width: 59%; } } .btn-sign-with-twitter:hover { color: #ffffff; background-color: #4499ce; } .btn-sign-with-linkedin { display: inline-block !important; background-image:url("../images/linkedin_button.png"); background-color: #0077B5; background-repeat: no-repeat; background-size: 16px 16px; background-position: 5px 3px; color: #ffffff; padding: 3px 6px 3px 30px; font-weight: bold; margin-top: 0px !important; @include media('small') { width: 59%; } } .btn-sign-with-linkedin:hover { color: #ffffff; background-color: #0369a0; } .joms-landing__action .fb-login-button, .joms-landing__action .btn-sign-with-twitter, .joms-landing__action .btn-sign-with-linkedin { margin-bottom: 5px; } .joms-login-facebook { display: inline-block; position: relative; margin-bottom: 10px; } .joms-fb-login-button, .joms-login-facebook .fb-login-button.fb_iframe_widget { position: absolute; left: 0; top: 0; min-width: 100%; } .joms-login-facebook .fb_iframe_widget iframe { opacity: 0.01; width: 100% !important; } .joms-login-facebook .fb_iframe_widget span { width: 100% !important; } .btn-sign-with-facebook { background-image:url("../images/facebook_button.png"); background-color: #4267B2; background-repeat: no-repeat; background-size: 16px 16px; background-position: 5px 3px; color: #ffffff; padding: 3px 6px 5px 30px; font-weight: bold; margin-top: 0px !important; } .joms-js-form--login { margin-bottom: 10px; } .btn-sign-with-google { display: inline-block !important; background-image:url("../images/google_button.png"); background-color: #ffffff; background-repeat: no-repeat; background-size: 16px 16px; background-position: 5px 3px; color: #000000; padding: 3px 6px 3px 30px; font-weight: bold; margin-top: 0px !important; cursor: pointer; border: 1px solid #e3e5e7; @include media('small') { width: 59%; } } .btn-sign-with-google:hover { color: #000000; background-color: #ECF0F1; } .view-register .joms-login-facebook, .view-register .btn-sign-with-twitter, .view-register .btn-sign-with-linkedin, .view-register .btn-sign-with-google { margin-top: 10px !important; }
| ver. 1.1 | |
.
| PHP 8.4.18 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0 |
proxy
|
phpinfo
|
ÐаÑтройка