diff --git a/accounts_ui.css b/accounts_ui.css new file mode 100644 index 0000000..8cb71c2 --- /dev/null +++ b/accounts_ui.css @@ -0,0 +1,83 @@ +#login-dropdown-list .dropdown-menu { + min-width: 300px; + padding: 15px; +} +#login-dropdown-list .dropdown-menu .or { + margin: 5px 0; + text-align: center; +} +#login-dropdown-list #forgot-password-link, +#login-dropdown-list #signup-link { + margin-top: 10px; +} +#login-dropdown-list .btn { + margin-top: 5px; +} +#login-dropdown-list input { + margin: 0 0 -1px; + border-radius: 0px; + position: relative; + z-index: 1; +} +#login-dropdown-list input:first-of-type { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} +#login-dropdown-list input:last-of-type { + margin-bottom: 5px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} +#login-dropdown-list input:focus { + z-index: 2; +} +#login-dropdown-list label { + padding-left: 5px; +} +.modal-backdrop { + opacity: 0.75; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); +} +.modal-footer .btn { + margin: 0; +} +#login-buttons-reset-password-modal .modal-dialog, +#login-buttons-reset-password-modal-success .modal-dialog, +#login-buttons-enroll-account-modal .modal-dialog, +#login-buttons-email-address-verified-modal .modal-dialog { + width: 400px; +} +#login-buttons-reset-password-modal .modal-dialog .modal-content, +#login-buttons-reset-password-modal-success .modal-dialog .modal-content, +#login-buttons-enroll-account-modal .modal-dialog .modal-content, +#login-buttons-email-address-verified-modal .modal-dialog .modal-content { + margin-top: 30%; +} +.login-buttons-dropdown-align-left#login-buttons + li .dropdown-menu { + float: left; + left: 0; + right: auto; +} +.login-buttons-dropdown-align-right#login-buttons + li .dropdown-menu { + float: right; + right: 0; + left: auto; +} +#login-buttons { + display: none; +} +#login-dropdown-list a { + cursor: pointer; +} +.btn-Facebook { + color: #fff; + background-color: #3b5998; +} +.btn-Google { + color: #fff; + background-color: #d34836; +} +.btn-Twitter { + color: #fff; + background-color: #4099ff; +} \ No newline at end of file diff --git a/accounts_ui.styl b/accounts_ui.styl deleted file mode 100644 index 7dc7adf..0000000 --- a/accounts_ui.styl +++ /dev/null @@ -1,86 +0,0 @@ -#login-dropdown-list - .dropdown-menu - min-width: 300px; - padding: 15px; - .or - margin: 5px 0; - text-align: center; - -#login-dropdown-list - #forgot-password-link - #signup-link - margin-top:10px; - - .btn - margin-top: 5px; - - input - margin:0 0 -1px; - border-radius: 0px; - position: relative; - z-index: 1; - - input:first-of-type - border-top-left-radius: 5px; - border-top-right-radius: 5px; - - input:last-of-type - margin-bottom: 5px; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - - input:focus - z-index: 2; - - label - padding-left: 5px; - -opacity(n) - opacity: n - filter: unquote('progid:DXImageTransform.Microsoft.Alpha(Opacity=' + round(n * 100) + ')') - -.modal-backdrop - opacity(0.75); - -.modal-footer - .btn - margin: 0; - -#login-buttons-reset-password-modal, #login-buttons-reset-password-modal-success, #login-buttons-enroll-account-modal, #login-buttons-email-address-verified-modal - .modal-dialog - width: 400px; - .modal-content - margin-top: 30%; - -.login-buttons-dropdown-align-left - &#login-buttons + li - .dropdown-menu - float: left; - left: 0; - right: auto; -.login-buttons-dropdown-align-right - &#login-buttons + li - .dropdown-menu - float: right; - right: 0; - left: auto; - -#login-buttons - display: none; - -#login-dropdown-list a - cursor: pointer; - -.btn-Facebook{ - color: white; - background-color: #3B5998; -} -.btn-Google{ - color: white; - background-color: #D34836; -} -.btn-Twitter{ - color: white; - background-color: #4099FF; -} - diff --git a/package.js b/package.js index 8590f82..9341579 100644 --- a/package.js +++ b/package.js @@ -8,7 +8,6 @@ Package.describe({ Package.on_use(function (api) { api.use(['session@1.0.0', 'spacebars@1.0.0', - 'stylus@1.0.0 || 2.0.0', 'accounts-base@1.0.0', 'underscore@1.0.0', 'templating@1.0.0', @@ -77,7 +76,7 @@ Package.on_use(function (api) { 'login_buttons_single.js', 'login_buttons_dropdown.js', 'login_buttons_dialogs.js', - 'accounts_ui.styl' + 'accounts_ui.css' ], 'client') api.export('accountsUIBootstrap3', 'client')