bit more org
This commit is contained in:
Родитель
8587ec4db9
Коммит
6a7984de5a
|
@ -47,7 +47,6 @@ module.exports = function(grunt) {
|
||||||
files: {
|
files: {
|
||||||
'<%= meta.distPath %><%= pkg.name %>.css': '<%= meta.srcPath %>sass/ratchet.scss',
|
'<%= meta.distPath %><%= pkg.name %>.css': '<%= meta.srcPath %>sass/ratchet.scss',
|
||||||
'<%= meta.docsPath %>/css/docs.css': '<%= meta.srcPath %>sass/docs.scss',
|
'<%= meta.docsPath %>/css/docs.css': '<%= meta.srcPath %>sass/docs.scss',
|
||||||
'<%= meta.distPath %><%= pkg.name %>-theme.css': '<%= meta.srcPath %>sass/theme-classic.scss',
|
|
||||||
'<%= meta.distPath %>ios-theme.css': '<%= meta.srcPath %>sass/theme-ios.scss',
|
'<%= meta.distPath %>ios-theme.css': '<%= meta.srcPath %>sass/theme-ios.scss',
|
||||||
'<%= meta.distPath %>android-theme.css': '<%= meta.srcPath %>sass/theme-android.scss'
|
'<%= meta.distPath %>android-theme.css': '<%= meta.srcPath %>sass/theme-android.scss'
|
||||||
}
|
}
|
||||||
|
|
|
@ -252,6 +252,9 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
|
a:active {
|
||||||
|
color: #3071a9;
|
||||||
|
}
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
@ -328,6 +331,130 @@ p {
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px 8px;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1.15;
|
||||||
|
color: #333;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: top;
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.btn:active, .btn.active {
|
||||||
|
color: inherit;
|
||||||
|
background-color: #ccc;
|
||||||
|
}
|
||||||
|
.btn:disabled, .btn.disabled {
|
||||||
|
opacity: .6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #428bca;
|
||||||
|
background-color: #428bca;
|
||||||
|
}
|
||||||
|
.btn-primary:active, .btn-primary.active {
|
||||||
|
border: 1px solid #3071a9;
|
||||||
|
background-color: #3071a9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-positive {
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #5cb85c;
|
||||||
|
background-color: #5cb85c;
|
||||||
|
}
|
||||||
|
.btn-positive:active, .btn-positive.active {
|
||||||
|
border: 1px solid #449d44;
|
||||||
|
background-color: #449d44;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-negative {
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid #d9534f;
|
||||||
|
background-color: #d9534f;
|
||||||
|
}
|
||||||
|
.btn-negative:active, .btn-negative.active {
|
||||||
|
border: 1px solid #c9302c;
|
||||||
|
background-color: #c9302c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outlined {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.btn-outlined.btn-primary {
|
||||||
|
color: #428bca;
|
||||||
|
}
|
||||||
|
.btn-outlined.btn-positive {
|
||||||
|
color: #5cb85c;
|
||||||
|
}
|
||||||
|
.btn-outlined.btn-negative {
|
||||||
|
color: #d9534f;
|
||||||
|
}
|
||||||
|
.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-link {
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
color: #428bca;
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.btn-link:active, .btn-link.active {
|
||||||
|
color: #3071a9;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-block {
|
||||||
|
display: block;
|
||||||
|
padding: 15px 0;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="button"] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn .badge {
|
||||||
|
font-size: 12px;
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
margin: -2px -4px -2px 4px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn .badge-inverted,
|
||||||
|
.btn:active .badge-inverted {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:active .badge-inverted,
|
||||||
|
.btn-positive:active .badge-inverted,
|
||||||
|
.btn-negative:active .badge-inverted {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-block .badge {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn .icon {
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.bar {
|
.bar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -493,6 +620,44 @@ p {
|
||||||
margin-right: -3px;
|
margin-right: -3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 2px 9px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1;
|
||||||
|
color: #333;
|
||||||
|
background-color: rgba(0, 0, 0, 0.15);
|
||||||
|
border-radius: 100px;
|
||||||
|
}
|
||||||
|
.badge.badge-inverted {
|
||||||
|
padding: 0 5px 0 0;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-primary {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #428bca;
|
||||||
|
}
|
||||||
|
.badge-primary.badge-inverted {
|
||||||
|
color: #428bca;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-positive {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #5cb85c;
|
||||||
|
}
|
||||||
|
.badge-positive.badge-inverted {
|
||||||
|
color: #5cb85c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-negative {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #d9534f;
|
||||||
|
}
|
||||||
|
.badge-negative.badge-inverted {
|
||||||
|
color: #d9534f;
|
||||||
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
width: auto;
|
width: auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -714,167 +879,6 @@ select {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 5px 8px;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 400;
|
|
||||||
line-height: 1.15;
|
|
||||||
color: #333;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: top;
|
|
||||||
cursor: pointer;
|
|
||||||
background-color: white;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
.btn:active, .btn.active {
|
|
||||||
background-color: #ccc;
|
|
||||||
}
|
|
||||||
.btn:disabled, .btn.disabled {
|
|
||||||
opacity: .6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
color: #fff;
|
|
||||||
border: 1px solid #428bca;
|
|
||||||
background-color: #428bca;
|
|
||||||
}
|
|
||||||
.btn-primary:active, .btn-primary.active {
|
|
||||||
border: 1px solid #3071a9;
|
|
||||||
background-color: #3071a9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-positive {
|
|
||||||
color: #fff;
|
|
||||||
border: 1px solid #5cb85c;
|
|
||||||
background-color: #5cb85c;
|
|
||||||
}
|
|
||||||
.btn-positive:active, .btn-positive.active {
|
|
||||||
border: 1px solid #449d44;
|
|
||||||
background-color: #449d44;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-negative {
|
|
||||||
color: #fff;
|
|
||||||
border: 1px solid #d9534f;
|
|
||||||
background-color: #d9534f;
|
|
||||||
}
|
|
||||||
.btn-negative:active, .btn-negative.active {
|
|
||||||
border: 1px solid #c9302c;
|
|
||||||
background-color: #c9302c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-outlined {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.btn-outlined.btn-primary {
|
|
||||||
color: #428bca;
|
|
||||||
}
|
|
||||||
.btn-outlined.btn-positive {
|
|
||||||
color: #5cb85c;
|
|
||||||
}
|
|
||||||
.btn-outlined.btn-negative {
|
|
||||||
color: #d9534f;
|
|
||||||
}
|
|
||||||
.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-link {
|
|
||||||
padding-top: 6px;
|
|
||||||
padding-bottom: 6px;
|
|
||||||
color: #428bca;
|
|
||||||
background-color: transparent;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.btn-link:active, .btn-link.active {
|
|
||||||
color: #3071a9;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-block {
|
|
||||||
display: block;
|
|
||||||
padding: 15px 0;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="submit"],
|
|
||||||
input[type="reset"],
|
|
||||||
input[type="button"] {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn .badge {
|
|
||||||
font-size: 12px;
|
|
||||||
padding-top: 2px;
|
|
||||||
padding-bottom: 2px;
|
|
||||||
margin: -2px -4px -2px 4px;
|
|
||||||
background-color: rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn .badge-inverted,
|
|
||||||
.btn:active .badge-inverted {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary:active .badge-inverted,
|
|
||||||
.btn-positive:active .badge-inverted,
|
|
||||||
.btn-negative:active .badge-inverted {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-block .badge {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn .icon {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 2px 9px;
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 1;
|
|
||||||
color: #333;
|
|
||||||
background-color: rgba(0, 0, 0, 0.15);
|
|
||||||
border-radius: 100px;
|
|
||||||
}
|
|
||||||
.badge.badge-inverted {
|
|
||||||
padding: 0 5px 0 0;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge-primary {
|
|
||||||
color: #fff;
|
|
||||||
background-color: #428bca;
|
|
||||||
}
|
|
||||||
.badge-primary.badge-inverted {
|
|
||||||
color: #428bca;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge-positive {
|
|
||||||
color: #fff;
|
|
||||||
background-color: #5cb85c;
|
|
||||||
}
|
|
||||||
.badge-positive.badge-inverted {
|
|
||||||
color: #5cb85c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge-negative {
|
|
||||||
color: #fff;
|
|
||||||
background-color: #d9534f;
|
|
||||||
}
|
|
||||||
.badge-negative.badge-inverted {
|
|
||||||
color: #d9534f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.segmented-control {
|
.segmented-control {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: table;
|
display: table;
|
||||||
|
|
|
@ -23,6 +23,10 @@ a {
|
||||||
color: $primary-color;
|
color: $primary-color;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); // Removes the dark touch outlines on links
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); // Removes the dark touch outlines on links
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
color: darken($primary-color, 10%);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
strong {
|
strong {
|
||||||
font-weight: $font-weight;
|
font-weight: $font-weight;
|
||||||
|
|
|
@ -21,6 +21,7 @@
|
||||||
// Active & filled button styles
|
// Active & filled button styles
|
||||||
&:active,
|
&:active,
|
||||||
&.active {
|
&.active {
|
||||||
|
color: inherit;
|
||||||
background-color: #ccc;
|
background-color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -11,12 +11,12 @@
|
||||||
@import "type.scss";
|
@import "type.scss";
|
||||||
|
|
||||||
// Components
|
// Components
|
||||||
|
@import "buttons.scss";
|
||||||
@import "bars.scss";
|
@import "bars.scss";
|
||||||
|
@import "badges.scss";
|
||||||
@import "cards.scss";
|
@import "cards.scss";
|
||||||
@import "table-views.scss";
|
@import "table-views.scss";
|
||||||
@import "forms.scss";
|
@import "forms.scss";
|
||||||
@import "buttons.scss";
|
|
||||||
@import "badges.scss";
|
|
||||||
@import "segmented-controls.scss";
|
@import "segmented-controls.scss";
|
||||||
@import "popovers.scss";
|
@import "popovers.scss";
|
||||||
|
|
||||||
|
|
Загрузка…
Ссылка в новой задаче