mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 15:07:13 +08:00
make watch
This commit is contained in:
2
Makefile
2
Makefile
@ -9,3 +9,5 @@ cordova:
|
||||
@cp -R js/ example/cordova/iOS/www/js
|
||||
@cp dist/ionic.css example/cordova/iOS/www/css
|
||||
|
||||
watch:
|
||||
@sass --watch scss/ionic.scss:dist/ionic.css
|
||||
@ -30,10 +30,6 @@ you'll be good to go.
|
||||
|
||||
But we recommend using the `ionic` tool because it's faster and gives you a good starting structure for your app.
|
||||
|
||||
### SASS
|
||||
|
||||
sass --watch scss
|
||||
|
||||
|
||||
## Running examples
|
||||
|
||||
|
||||
164
dist/ionic.css
vendored
164
dist/ionic.css
vendored
@ -354,7 +354,7 @@ input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
background-color: white;
|
||||
border: 1px solid #cccccc;
|
||||
border: 1px solid #999999;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
@ -414,7 +414,7 @@ input[type="file"] {
|
||||
|
||||
select {
|
||||
width: 220px;
|
||||
border: 1px solid #cccccc;
|
||||
border: 1px solid #999999;
|
||||
background-color: white; }
|
||||
|
||||
select[multiple],
|
||||
@ -433,7 +433,7 @@ input[type="checkbox"]:focus {
|
||||
.uneditable-textarea {
|
||||
color: #999999;
|
||||
background-color: #fcfcfc;
|
||||
border-color: #cccccc;
|
||||
border-color: #999999;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
|
||||
@ -615,7 +615,7 @@ input[readonly],
|
||||
select[readonly],
|
||||
textarea[readonly] {
|
||||
cursor: not-allowed;
|
||||
background-color: #eeeeee; }
|
||||
background-color: whitesmoke; }
|
||||
|
||||
input[type="radio"][disabled],
|
||||
input[type="checkbox"][disabled],
|
||||
@ -836,7 +836,7 @@ select:focus:invalid {
|
||||
line-height: 1.42857;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 white;
|
||||
background-color: #eeeeee;
|
||||
background-color: whitesmoke;
|
||||
border: 1px solid #cccccc; }
|
||||
.input-append .add-on,
|
||||
.input-append .btn,
|
||||
@ -1112,160 +1112,6 @@ a.list-item {
|
||||
-moz-transition: -moz-transform 200ms ease;
|
||||
transition: transform 200ms ease; }
|
||||
|
||||
.panel {
|
||||
margin-bottom: 20px;
|
||||
background-color: white;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
|
||||
|
||||
.panel-body {
|
||||
padding: 15px;
|
||||
*zoom: 1; }
|
||||
.panel-body:before, .panel-body:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0; }
|
||||
.panel-body:after {
|
||||
clear: both; }
|
||||
|
||||
.panel > .list-group {
|
||||
margin-bottom: 0; }
|
||||
.panel > .list-group .list-group-item {
|
||||
border-width: 1px 0; }
|
||||
.panel > .list-group .list-group-item:first-child {
|
||||
-webkit-border-top-right-radius: 0;
|
||||
-moz-border-radius-topright: 0;
|
||||
border-top-right-radius: 0;
|
||||
-webkit-border-top-left-radius: 0;
|
||||
-moz-border-radius-topleft: 0;
|
||||
border-top-left-radius: 0; }
|
||||
.panel > .list-group .list-group-item:last-child {
|
||||
border-bottom: 0; }
|
||||
|
||||
.panel-heading + .list-group .list-group-item:first-child {
|
||||
border-top-width: 0; }
|
||||
|
||||
.panel {
|
||||
/*
|
||||
> .panel-body + .table {
|
||||
border-top: 1px solid @table-border-color;
|
||||
}
|
||||
*/ }
|
||||
.panel > .table {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.panel-heading {
|
||||
padding: 10px 15px;
|
||||
border-bottom: 1px solid transparent;
|
||||
-webkit-border-top-right-radius: 1px;
|
||||
-moz-border-radius-topright: 1px;
|
||||
border-top-right-radius: 1px;
|
||||
-webkit-border-top-left-radius: 1px;
|
||||
-moz-border-radius-topleft: 1px;
|
||||
border-top-left-radius: 1px; }
|
||||
|
||||
.panel-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 16px; }
|
||||
.panel-title > a {
|
||||
color: inherit; }
|
||||
|
||||
.panel-footer {
|
||||
padding: 10px 15px;
|
||||
background-color: whitesmoke;
|
||||
border-top: 1px solid #dddddd;
|
||||
-webkit-border-bottom-right-radius: 1px;
|
||||
-moz-border-radius-bottomright: 1px;
|
||||
border-bottom-right-radius: 1px;
|
||||
-webkit-border-bottom-left-radius: 1px;
|
||||
-moz-border-radius-bottomleft: 1px;
|
||||
border-bottom-left-radius: 1px; }
|
||||
|
||||
.panel-group .panel {
|
||||
margin-bottom: 0;
|
||||
border-radius: 2px;
|
||||
overflow: hidden; }
|
||||
.panel-group .panel + .panel {
|
||||
margin-top: 5px; }
|
||||
.panel-group .panel-heading {
|
||||
border-bottom: 0; }
|
||||
.panel-group .panel-heading + .panel-collapse .panel-body {
|
||||
border-top: 1px solid #dddddd; }
|
||||
.panel-group .panel-footer {
|
||||
border-top: 0; }
|
||||
.panel-group .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom: 1px solid #dddddd; }
|
||||
|
||||
.panel-default {
|
||||
border-color: #dddddd; }
|
||||
.panel-default > .panel-heading {
|
||||
color: #333333;
|
||||
background-color: whitesmoke;
|
||||
border-color: #dddddd; }
|
||||
.panel-default > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #dddddd; }
|
||||
.panel-default > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #dddddd; }
|
||||
|
||||
.panel-primary {
|
||||
border-color: #428bca; }
|
||||
.panel-primary > .panel-heading {
|
||||
color: white;
|
||||
background-color: #428bca;
|
||||
border-color: #428bca; }
|
||||
.panel-primary > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #428bca; }
|
||||
.panel-primary > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #428bca; }
|
||||
|
||||
.panel-success {
|
||||
border-color: #5cb85c; }
|
||||
.panel-success > .panel-heading {
|
||||
color: white;
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c; }
|
||||
.panel-success > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #5cb85c; }
|
||||
.panel-success > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #5cb85c; }
|
||||
|
||||
.panel-warning {
|
||||
border-color: #f0ad4e; }
|
||||
.panel-warning > .panel-heading {
|
||||
color: white;
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f0ad4e; }
|
||||
.panel-warning > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #f0ad4e; }
|
||||
.panel-warning > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #f0ad4e; }
|
||||
|
||||
.panel-danger {
|
||||
border-color: #d9534f; }
|
||||
.panel-danger > .panel-heading {
|
||||
color: white;
|
||||
background-color: #d9534f;
|
||||
border-color: #d9534f; }
|
||||
.panel-danger > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #d9534f; }
|
||||
.panel-danger > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #d9534f; }
|
||||
|
||||
.panel-info {
|
||||
border-color: #5bc0de; }
|
||||
.panel-info > .panel-heading {
|
||||
color: white;
|
||||
background-color: #5bc0de;
|
||||
border-color: #5bc0de; }
|
||||
.panel-info > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #5bc0de; }
|
||||
.panel-info > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #5bc0de; }
|
||||
|
||||
.ptr-capable {
|
||||
-webkit-user-drag: element; }
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,253 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
body {
|
||||
font-size: 14px;
|
||||
line-height: 1.25;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
|
||||
|
||||
main {
|
||||
background-color: white; }
|
||||
|
||||
.full-section {
|
||||
-webkit-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.2), 3px 0px 10px rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.alert {
|
||||
margin-bottom: 1.42857;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
background-color: #fcf8e3;
|
||||
border: 1px solid #fbeed5; }
|
||||
|
||||
.alert,
|
||||
.alert h4 {
|
||||
color: #c09853; }
|
||||
|
||||
.alert-success {
|
||||
background-color: #dff0d8;
|
||||
border-color: #d6e9c6;
|
||||
color: #468847; }
|
||||
|
||||
.alert-success h4 {
|
||||
color: #468847; }
|
||||
|
||||
.alert-danger,
|
||||
.alert-error {
|
||||
background-color: #f2dede;
|
||||
border-color: #eed3d7;
|
||||
color: #b94a48; }
|
||||
|
||||
.alert-danger h4,
|
||||
.alert-error h4 {
|
||||
color: #b94a48; }
|
||||
|
||||
.alert-info {
|
||||
background-color: #d9edf7;
|
||||
border-color: #bce8f1;
|
||||
color: #3a87ad; }
|
||||
|
||||
.alert-info h4 {
|
||||
color: #3a87ad; }
|
||||
|
||||
.bar {
|
||||
background-color: white;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
/*
|
||||
Disabled temporarily because it's annoying for testing.
|
||||
@media screen and (orientation : landscape) {
|
||||
padding: $barPaddingLandscape;
|
||||
}
|
||||
*/ }
|
||||
.bar.bar-header {
|
||||
border-bottom-width: 1px; }
|
||||
.bar.bar-footer {
|
||||
border-top-width: 1px; }
|
||||
.bar.bar-default {
|
||||
background-color: white;
|
||||
border-color: #dddddd;
|
||||
color: #333333; }
|
||||
.bar.bar-default .tab-item a {
|
||||
color: #333333; }
|
||||
.bar.bar-secondary {
|
||||
background-color: whitesmoke;
|
||||
border-color: #cccccc;
|
||||
color: #333333; }
|
||||
.bar.bar-secondary .tab-item a {
|
||||
color: #333333; }
|
||||
.bar.bar-primary {
|
||||
background-color: #6999e9;
|
||||
border-color: #5981c5;
|
||||
color: white; }
|
||||
.bar.bar-primary .tab-item a {
|
||||
color: white; }
|
||||
.bar.bar-info {
|
||||
background-color: #60d2e6;
|
||||
border-color: #51b3c4;
|
||||
color: white; }
|
||||
.bar.bar-info .tab-item a {
|
||||
color: white; }
|
||||
.bar.bar-success {
|
||||
background-color: #89c163;
|
||||
border-color: #71a052;
|
||||
color: white; }
|
||||
.bar.bar-success .tab-item a {
|
||||
color: white; }
|
||||
.bar.bar-warning {
|
||||
background-color: #f0b840;
|
||||
border-color: #cf9a29;
|
||||
color: white; }
|
||||
.bar.bar-warning .tab-item a {
|
||||
color: white; }
|
||||
.bar.bar-danger {
|
||||
background-color: #de5645;
|
||||
border-color: #bc4435;
|
||||
color: white; }
|
||||
.bar.bar-danger .tab-item a {
|
||||
color: white; }
|
||||
.bar.bar-dark {
|
||||
background-color: #444444;
|
||||
border-color: #111111;
|
||||
color: white; }
|
||||
.bar.bar-dark .tab-item a {
|
||||
color: white; }
|
||||
|
||||
.button {
|
||||
color: #222222;
|
||||
border-radius: 2px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
padding: 10px 15px; }
|
||||
|
||||
a.button {
|
||||
text-decoration: none; }
|
||||
|
||||
.button-default {
|
||||
color: #333333;
|
||||
background-color: white;
|
||||
border-color: #dddddd; }
|
||||
.button-default:hover {
|
||||
color: #333333;
|
||||
text-decoration: none; }
|
||||
.button-default.active, .button-default:active {
|
||||
background-color: #ebebeb;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: #c4c4c4; }
|
||||
|
||||
.button-secondary {
|
||||
color: #333333;
|
||||
background-color: whitesmoke;
|
||||
border-color: #cccccc; }
|
||||
.button-secondary:hover {
|
||||
color: #333333;
|
||||
text-decoration: none; }
|
||||
.button-secondary.active, .button-secondary:active {
|
||||
background-color: #e1e1e1;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: #b3b3b3; }
|
||||
|
||||
.button-primary {
|
||||
color: white;
|
||||
background-color: #6999e9;
|
||||
border-color: #5981c5; }
|
||||
.button-primary:hover {
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
.button-primary.active, .button-primary:active {
|
||||
background-color: #4581e4;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: #3d67ae; }
|
||||
|
||||
.button-info {
|
||||
color: white;
|
||||
background-color: #60d2e6;
|
||||
border-color: #51b3c4; }
|
||||
.button-info:hover {
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
.button-info.active, .button-info:active {
|
||||
background-color: #3dc8e0;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: #3998a9; }
|
||||
|
||||
.button-success {
|
||||
color: white;
|
||||
background-color: #89c163;
|
||||
border-color: #71a052; }
|
||||
.button-success:hover {
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
.button-success.active, .button-success:active {
|
||||
background-color: #73b447;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: #597e41; }
|
||||
|
||||
.button-warning {
|
||||
color: white;
|
||||
background-color: #f0b840;
|
||||
border-color: #cf9a29; }
|
||||
.button-warning:hover {
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
.button-warning.active, .button-warning:active {
|
||||
background-color: #edaa1a;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: #a47a21; }
|
||||
|
||||
.button-danger {
|
||||
color: white;
|
||||
background-color: #de5645;
|
||||
border-color: #bc4435; }
|
||||
.button-danger:hover {
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
.button-danger.active, .button-danger:active {
|
||||
background-color: #d43926;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: #94362a; }
|
||||
|
||||
.button-dark {
|
||||
color: white;
|
||||
background-color: #444444;
|
||||
border-color: #111111; }
|
||||
.button-dark:hover {
|
||||
color: white;
|
||||
text-decoration: none; }
|
||||
.button-dark.active, .button-dark:active {
|
||||
background-color: #303030;
|
||||
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
border-color: black; }
|
||||
|
||||
.button-transparent {
|
||||
background: transparent; }
|
||||
|
||||
.button-borderless [class^="icon-"] {
|
||||
font-size: 24px; }
|
||||
|
||||
.list-divider {
|
||||
background-color: whitesmoke;
|
||||
color: #222222;
|
||||
font-weight: bold; }
|
||||
|
||||
a.list-item {
|
||||
color: #333333; }
|
||||
|
||||
.ion-panel {
|
||||
background: #eeeeee; }
|
||||
|
||||
.ion-panel-left .ion-panel {
|
||||
border-right: 1px solid #bbbbbb; }
|
||||
|
||||
.ion-panel-right .ion-panel {
|
||||
border-left: 1px solid #bbbbbb; }
|
||||
|
||||
.ptr-content {
|
||||
background: #eee; }
|
||||
|
||||
.tabs {
|
||||
font-size: 16px; }
|
||||
|
||||
.tab-item a {
|
||||
font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight: 200; }
|
||||
.tab-item i {
|
||||
font-size: 25px; }
|
||||
1407
scss/ionic.css
1407
scss/ionic.css
File diff suppressed because it is too large
Load Diff
@ -14,7 +14,7 @@ $grayDarker: #222 !default;
|
||||
$grayDark: #333 !default;
|
||||
$gray: #555 !default;
|
||||
$grayLight: #999 !default;
|
||||
$grayLighter: #eee !default;
|
||||
$grayLighter: #f5f5f5 !default;
|
||||
$white: #fff !default;
|
||||
|
||||
|
||||
@ -41,69 +41,69 @@ $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !defau
|
||||
// Base
|
||||
// -------------------------------
|
||||
$baseFontFamily: $sansFontFamily;
|
||||
$baseBackgroundColor: #fff;
|
||||
$baseBackgroundColor: $white;
|
||||
$textColor: $grayDark !default;
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
// -------------------------------
|
||||
$inputBackground: $white !default;
|
||||
$inputBorder: #ccc !default;
|
||||
$inputBorder: $grayLight !default;
|
||||
$inputBorderRadius: 4px !default;
|
||||
$inputDisabledBackground: $grayLighter !default;
|
||||
$formActionsBackground: #f5f5f5 !default;
|
||||
$formActionsBackground: $grayLighter !default;
|
||||
$inputHeight: $baseFontSize + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
|
||||
$placeholderText: $grayLight !default;
|
||||
|
||||
|
||||
// Typography
|
||||
// -------------------------------
|
||||
$lightColor: #fff;
|
||||
$darkColor: #333;
|
||||
$lightColor: #fff;
|
||||
$darkColor: #333;
|
||||
|
||||
|
||||
// Buttons
|
||||
// -------------------------------
|
||||
$buttonColor: #222;
|
||||
$buttonPadding: 10px 15px;
|
||||
$buttonClearPadding: 10px 0px;
|
||||
$buttonBorderRadius: 2px;
|
||||
$buttonBorderWidth: 1px;
|
||||
$buttonColor: #222;
|
||||
$buttonPadding: 10px 15px;
|
||||
$buttonClearPadding: 10px 0px;
|
||||
$buttonBorderRadius: 2px;
|
||||
$buttonBorderWidth: 1px;
|
||||
|
||||
// Button block that has spacing
|
||||
$buttonBlockMargin: 0 0 10px 0;
|
||||
|
||||
$buttonDefaultBackground: #fff;
|
||||
$buttonDefaultBackgroundActive: #eee;
|
||||
$buttonDefaultBorder: #ddd;
|
||||
$buttonDefaultBackground: #fff;
|
||||
$buttonDefaultBackgroundActive: #eee;
|
||||
$buttonDefaultBorder: #ddd;
|
||||
|
||||
$buttonSecondaryBackground: #f5f5f5;
|
||||
$buttonSecondaryBackgroundActive: #eee;
|
||||
$buttonSecondaryBorder: #ccc;
|
||||
$buttonSecondaryBackground: #f5f5f5;
|
||||
$buttonSecondaryBackgroundActive: #eee;
|
||||
$buttonSecondaryBorder: #ccc;
|
||||
|
||||
$buttonPrimaryBackground: #6999e9;
|
||||
$buttonPrimaryBackgroundActive: #eee;
|
||||
$buttonPrimaryBorder: #5981c5;
|
||||
$buttonPrimaryBackground: #6999e9;
|
||||
$buttonPrimaryBackgroundActive: #eee;
|
||||
$buttonPrimaryBorder: #5981c5;
|
||||
|
||||
$buttonInfoBackground: #60d2e6;
|
||||
$buttonInfoBackgroundActive: #eee;
|
||||
$buttonInfoBorder: #51b3c4;
|
||||
$buttonInfoBackground: #60d2e6;
|
||||
$buttonInfoBackgroundActive: #eee;
|
||||
$buttonInfoBorder: #51b3c4;
|
||||
|
||||
$buttonSuccessBackground: #89c163;
|
||||
$buttonSuccessBackgroundActive: #eee;
|
||||
$buttonSuccessBorder: #71a052;
|
||||
$buttonSuccessBackground: #89c163;
|
||||
$buttonSuccessBackgroundActive: #eee;
|
||||
$buttonSuccessBorder: #71a052;
|
||||
|
||||
$buttonWarningBackground: #f0b840;
|
||||
$buttonWarningBackgroundActive: #eee;
|
||||
$buttonWarningBorder: #cf9a29;
|
||||
$buttonWarningBackground: #f0b840;
|
||||
$buttonWarningBackgroundActive: #eee;
|
||||
$buttonWarningBorder: #cf9a29;
|
||||
|
||||
$buttonDangerBackground: #de5645;
|
||||
$buttonDangerBackgroundActive: #eee;
|
||||
$buttonDangerBorder: #bc4435;
|
||||
$buttonDangerBackground: #de5645;
|
||||
$buttonDangerBackgroundActive: #eee;
|
||||
$buttonDangerBorder: #bc4435;
|
||||
|
||||
$buttonDarkBackground: #444;
|
||||
$buttonDarkBackgroundActive: #eee;
|
||||
$buttonDarkBorder: #111;
|
||||
$buttonDarkBackground: #444;
|
||||
$buttonDarkBackgroundActive: #eee;
|
||||
$buttonDarkBorder: #111;
|
||||
|
||||
|
||||
// Bars
|
||||
|
||||
Reference in New Issue
Block a user