mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 15:07:13 +08:00
94 lines
1.8 KiB
SCSS
94 lines
1.8 KiB
SCSS
/* IONIC SPECIFIC CLASSES
|
|
* -------------------------- */
|
|
|
|
/* Bootstrap 2.0 sprites.less reset */
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
display: inline;
|
|
margin-top: 0;
|
|
width: auto;
|
|
height: auto;
|
|
background-image: none;
|
|
background-position: 0% 0%;
|
|
background-repeat: repeat;
|
|
vertical-align: baseline;
|
|
line-height: normal;
|
|
}
|
|
|
|
.placeholder-icon {
|
|
input {
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
&:before {
|
|
position: absolute;
|
|
display: block;
|
|
color: $iconPlaceholder;
|
|
top: 16px;
|
|
}
|
|
}
|
|
|
|
.stacked-label .placeholder-icon {
|
|
input {
|
|
padding-left: 30px !important;
|
|
}
|
|
|
|
&:before {
|
|
position: absolute;
|
|
display: block;
|
|
color: $iconPlaceholder;
|
|
top: 57px;
|
|
left: 18px;
|
|
}
|
|
}
|
|
|
|
/* keeps Bootstrap styles with and without icons the same */
|
|
.btn, .nav {
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
// display: inline;
|
|
&.icon-large { line-height: .9em; }
|
|
&.icon-spin { display: inline-block; }
|
|
}
|
|
}
|
|
.nav-tabs, .nav-pills {
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
&, &.icon-large { line-height: .9em; }
|
|
}
|
|
}
|
|
.btn {
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
&.pull-left, &.pull-right {
|
|
&.icon-2x { margin-top: .18em; }
|
|
}
|
|
&.icon-spin.icon-large { line-height: .8em; }
|
|
}
|
|
}
|
|
.btn.btn-small {
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
&.pull-left, &.pull-right {
|
|
&.icon-2x { margin-top: .25em; }
|
|
}
|
|
}
|
|
}
|
|
.btn.btn-large {
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
margin-top: 0; // overrides bootstrap default
|
|
&.pull-left, &.pull-right {
|
|
&.icon-2x { margin-top: .05em; }
|
|
}
|
|
&.pull-left.icon-2x { margin-right: .2em; }
|
|
&.pull-right.icon-2x { margin-left: .2em; }
|
|
}
|
|
}
|
|
|
|
/* Fixes alignment in nav lists */
|
|
.nav-list [class^="icon-"],
|
|
.nav-list [class*=" icon-"] {
|
|
line-height: inherit;
|
|
}
|