Commit 6d10fcec authored by Pat Kira's avatar Pat Kira Committed by Robert Lyon
Browse files

Remove Compass libraries (Bug #1465107)

Change-Id: Ib7ddab010e43ee5cdab7518c3fca7edc89ce89c4
parent f3e8386f
.arrow-bar {
@include border-radius(3px);
border-radius: $border-radius-base;
overflow: hidden;
margin-top: 10px;
margin-bottom: $grid-gutter-width;
......@@ -69,8 +69,8 @@
.nav-inpage {
&.nav > li {
> a, button {
@include border-radius($border-radius-base);
@include transition-duration(0.3s);
border-radius: $border-radius-base;
padding: 0 8px;
line-height: 2em;
margin-top: 9px;
......
......@@ -47,17 +47,17 @@ h1 + div > .btn-top-right,
.btn-toggle.panel-footer {
padding:0;
> .btn {
@include border-radius(0);
border-radius: 0;
width: 50%;
float: left;
height: 42px;
line-height: 30px;
&:first-child {
@include border-radius(0 0 0 3px);
border-radius: 0 0 0 3px;
border-right: 1px solid $panel-default-border;
}
&:last-child {
@include border-radius(0 0 3px 0);
border-radius: 0 0 3px 0;
}
.btn {
......@@ -92,7 +92,7 @@ h1 ~ div > .btn-group-top,
position: relative;
z-index: 1;
.btn {
@include border-top-radius(0);
border-top-radius: 0;
border-top:0;
}
.btn-group-top {
......@@ -136,7 +136,7 @@ td.btn-group {
@media (min-width: $screen-xs-max ) {
@include clearfix;
&.btn-group-top .btn {
@include border-top-radius(0);
border-top-radius: 0;
}
}
@media (max-width: $screen-xs-max ) {
......@@ -231,7 +231,7 @@ td.btn-group {
margin-bottom: -3px;
}
&.last {
@include border-bottom-radius(3px);
border-bottom-radius: 3px;
}
}
}
......@@ -251,7 +251,7 @@ td.btn-group {
.btn-accordion.ui-accordion .ui-accordion-content {
@include box-sizing(border-box);
@include border-radius(0);
border-radius: 0;
margin-top: 10px;
margin-bottom:15px;
padding: 0;
......@@ -262,7 +262,7 @@ td.btn-group {
max-width: 100%;
width: 100%;
.btn {
@include border-radius(0);
border-radius: 0;
display:block;
margin: 0;
&:not(:last-child) {
......
.dropzone-previews {
@include border-radius(4px);
border-radius: 4px;
clear: both;
padding: 40px;
background-color: $gray-lighter;
......
......@@ -36,7 +36,7 @@
}
}
&.list-group-lite .list-group-item {
@include border-radius(0);
border-radius: 0;
border-left: 0;
border-right: 0;
}
......
......@@ -26,7 +26,7 @@ $width-sm: 90%;
}
.modal-content {
@include border-radius(0px);
border-radius: 0;
}
.modal-header,
......@@ -133,7 +133,7 @@ $width-sm: 90%;
}
}
.modal-content {
@include border-radius(0px);
border-radius: 0;
border-top: 0;
border-bottom: 0;
height: 100% !important; //js bug gives a height (@todo track down)
......
......@@ -36,7 +36,7 @@ $height: 28px;
}
.switch-label {
@include border-radius(3px);
border-radius: 3px;
display: block;
overflow: hidden;
cursor: pointer;
......@@ -94,7 +94,7 @@ $height: 28px;
.switch-indicator {
@include transition(all $transition);
@include border-radius(20px);
border-radius: 20px;
display: block;
width: 10px;
height:10px;
......
.user-icon {
@include border-radius(3px);
border-radius: 3px;
background-color:#fff;
padding: 5px;
display: table;
......@@ -46,7 +46,7 @@
max-width: 20%;
}
img {
@include border-radius(3px);
border-radius: 3px;
margin: 0;
opacity: 0.9;
position: relative;
......@@ -63,7 +63,7 @@
}
.user-icon-alt {
@include border-radius(3px);
border-radius: 3px;
.label &{
margin: 1px 4px 0px -3px;
}
......
......@@ -41,7 +41,7 @@ $logged-in-height-mobile: 100px;
}
.circle-bg {
@include border-radius(50%);
border-radius: 50%;
position: relative;
float: left;
background-color: $dashboard-widget-color;
......@@ -94,10 +94,10 @@ $logged-in-height-mobile: 100px;
.widget-heading {
@include clearfix;
@include border-radius($border-radius-base);
border-radius: $border-radius-base;
@media (max-width: $screen-sm-min) {
@include border-radius($border-radius-base $border-radius-base 0 0);
border-radius: $border-radius-base $border-radius-base 0 0;
}
h2 {
......@@ -114,7 +114,7 @@ $logged-in-height-mobile: 100px;
.widget-detail {
@include transition(0.03s);
@include border-radius($border-radius-base);
border-radius: $border-radius-base;
opacity:0;
margin-top: -$logged-in-height * 2;
border: none;
......@@ -132,7 +132,7 @@ $logged-in-height-mobile: 100px;
height: $logged-in-height-mobile;
}
@media (max-width: $screen-sm-min) {
@include border-radius(0 0 $border-radius-base $border-radius-base);
border-radius: 0 0 $border-radius-base $border-radius-base;
margin-top: 0;
border: 1px solid $gray-lighter;
background-color: #fff;
......
.option-alt {
// background-color: $panel-default-heading-bg;
border-top: 1px solid $panel-default-border;
min-height: 157px;
position: relative;
}
.option-alt-divider {
color: #999;
background: #fff;
text-transform: uppercase;
font-size: 1.2em;
position: absolute;
top: -15px;
left: 43%;
text-align: center;
padding: 0 10px;
}
\ No newline at end of file
.pieform,
.dropdown {
.picker {
position: relative;
background: #fff;
display: inline-block;
min-width: 20px;
max-width: 100%;
&:before {
content: "\25BE";
font-family: "FontAwesome";
margin-top: 9px;
position: absolute;
right: 0%;
top: 0;
z-index: 0;
height: 17px;
padding-left: 10px;
padding-right: 10px;
line-height: 16px;
z-index: 2;
}
select.form-control {
@include appearance(none);
position: relative;
padding-right: 30px;
background: transparent;
height: $input-height-base;
left: 0;
margin: 0;
outline: none;
cursor: pointer;
top: 0;
width: 100%;
max-width: 100%;
z-index: 5;
&:disabled {
background: rgba(0,0,0,0.03);
}
}
}
&.form-condensed {
.picker {
max-width: 67%;
}
}
.input-sm {
.picker {
&:before {
margin-top: 6px;
}
select.form-control {
height: $input-height-small;
line-height: $input-height-small / 2 + 2;
}
}
}
.input-lg {
&:before {
margin-top: 12px;
}
.picker select.form-control {
padding-top: 5px;
padding-bottom: 5px;
height: $input-height-large;
line-height: $input-height-large / 2 + 3;
}
}
.select-group {
.input-group-addon {
display: inline-block;
float: left;
height: $input-height-base;
line-height: $input-height-base / 2;
}
}
}
\ No newline at end of file
......@@ -16,8 +16,10 @@
box-shadow: none;
float: left;
.form-control {
@include border-left-radius($border-radius-base);
@include border-right-radius(0);
border-top-left-radius: $border-radius-base;
border-bottom-left-radius: $border-radius-base;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
max-width: 100%;
}
~ .form-group {
......
......@@ -11,7 +11,7 @@
.footer-inner {
margin-bottom: 15px;
.admin & {
@include border-radius($border-radius-base);
border-radius: $border-radius-base;
padding: 10px;
background: #FCFCFC;
border: 1px solid #ddd;
......
......@@ -23,8 +23,8 @@
a {
&:after {
@include transition(opacity 0.5s);
@include border-radius(3px);
@include fa-icon();
border-radius: 3px;
bottom: 0px;
background: darken(#f5f5f5, 1%);
color: #333;
......
......@@ -3,15 +3,15 @@
.panel.collapsible {
margin-bottom: 0;
@include border-radius(0);
border-radius: 0;
.panel-heading a {
@include border-radius(0);
border-radius: 0;
}
&.form-group {
display:block;
}
.panel {
@include border-radius(0);
border-radius: 0;
}
}
......@@ -23,10 +23,10 @@
&.last {
legend,
.panel-heading {
@include border-bottom-radius(3px);
border-bottom-radius: 3px;
a {
&.collapsed {
@include border-bottom-radius(3px);
border-bottom-radius: 3px;
}
}
}
......@@ -38,12 +38,12 @@
.fieldset-body {
border-top:0;
@include border-bottom-radius(3px);
border-bottom-radius: 3px;
}
}
&.first .panel-heading a {
@include border-top-radius(3px);
border-top-radius: 3px;
}
legend {
......@@ -64,7 +64,7 @@
padding: 0;
.pieform > .collapsible-group:first-child & {
@include border-top-radius(3px);
border-top-radius: 3px;
}
}
......@@ -117,7 +117,7 @@
border-width: 0;
// For attachment collapsible
&.has-attachment {
@include border-radius(3px);
border-radius: 3px;
border-width: 1px;
.panel-heading a {
border-width: 0;
......
......@@ -11,12 +11,12 @@
}
&.select2-dropdown-open {
.select2-choices {
@include border-radius(4px 4px 0 0);
border-radius: 4px 4px 0 0;
}
}
.select2-choices {
@include border-radius(4px);
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset);
border-radius: 4px;
background-color: #fff;
border: 1px solid #ccc;
background-image: none;
......
// Core variables and mixins
@import "compass"; //include compass libraries
@import "../lib/font-awesome/font-awesome";
@import "mixins";
......
......@@ -12,7 +12,7 @@
min-width:0;
}
@mixin panel-as-link(){
@mixin panel-as-link() {
border: 0;
background: transparent;
&.collapsible {
......@@ -44,10 +44,51 @@
background: transparent;
}
}
}
// Text shadow (Compass)
$default-text-shadow-color: #aaaaaa;
$default-text-shadow-h-offset: 0px;
$default-text-shadow-v-offset: 0px;
$default-text-shadow-blur: 1px;
$default-text-shadow-spread: false;
@mixin appearance($var) {
appearance: $var;
-webkit-appearance: $var;
-moz-appearance: $var;
@mixin text-shadow($shadow...) {
$shadow: if(length($shadow) > 0, $shadow, default);
$default: -compass-space-list(compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color));
$shadows-without-spread: join((), (), comma);
$shadows: join((), (), comma);
$has-spread: false;
@each $layer in $shadow {
$layer: if($layer == "default", $default, $layer);
@if length($layer) > 4 {
$has-spread: true;
$shadows-without-spread: append($shadows-without-spread, nth($layer, 1) nth($layer, 2) nth($layer, 3) nth($layer, 5));
$shadows: append($shadows, $layer);
}
@else {
$shadows-without-spread: append($shadows-without-spread, $layer);
$shadows: append($shadows, $layer);
}
}
}
\ No newline at end of file
@if $has-spread {
text-shadow: $shadows-without-spread;
}
text-shadow: $shadows;
}
// Remove default appearance
@mixin appearance($appearance) {
-webkit-appearance: $appearance;
-moz-appearance: $appearance;
appearance: $appearance;
}
@mixin ellipsis($no-wrap: true) {
@if $no-wrap {
white-space: nowrap;
}
overflow: hidden;
text-overflow: ellipsis;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment