mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
f4b080ee06
Introduces a preview window that appears when the screen is wide enough, removes old preview button, adds a draft-public switch, adds variety of preview options which are not hooked up yet. Goes along with cms commit fa3738a9f4c5181eabf18a77ca89792d31592250
110 lines
2.5 KiB
SCSS
110 lines
2.5 KiB
SCSS
//**
|
|
// * This file contains generic mixins which we use throughout
|
|
// * the admin panels.
|
|
// *
|
|
// * Mixins should be stored here rather than individual files
|
|
// * so that we can keep.
|
|
// */
|
|
|
|
//** ----------------------------------------------------
|
|
// * Hides the overflowing text from a container
|
|
// *
|
|
// * Note: you must define a width on the element with this
|
|
// * overflow.
|
|
// * ----------------------------------------------------- */
|
|
@mixin hide-text-overflow {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
|
|
// could optionally use the compass mixin but that
|
|
// would require a 3rd party plugin
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
}
|
|
|
|
@mixin box-shadow-none{
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
//** ----------------------------------------------------
|
|
// * Clear the properties of sub form fields.
|
|
// *
|
|
// * Often needed for nested form fields and
|
|
// * ----------------------------------------------------- */
|
|
@mixin clear-form-field-styles {
|
|
.field {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
label {
|
|
float: none;
|
|
width: auto;
|
|
|
|
&.left {
|
|
float: none;
|
|
display: inherit;
|
|
width: auto;
|
|
padding: 0;
|
|
line-height: inherit;
|
|
}
|
|
}
|
|
|
|
.middleColumn {
|
|
margin-left: 0;
|
|
}
|
|
|
|
input.text,
|
|
textarea,
|
|
select,
|
|
.TreeDropdownField {
|
|
width: auto;
|
|
max-width: auto;
|
|
}
|
|
}
|
|
|
|
//** ----------------------------------------------------
|
|
// * Double tone borders
|
|
// *
|
|
// * http://daverupert.com/2011/06/two-tone-borders-with-css3/
|
|
// * ----------------------------------------------------- */
|
|
@mixin doubleborder($side, $innerColor, $outerColor) {
|
|
$shadow: "0 0 0";
|
|
border-#{$side}: 1px solid $innerColor;
|
|
@if ($side == "top") { $shadow: 0 -1px 0; }
|
|
@if ($side == "right") { $shadow: 1px 0 0; }
|
|
@if ($side == "bottom") { $shadow: 0 1px 0; }
|
|
@if ($side == "left") { $shadow: -1px 0 0; }
|
|
-webkit-box-shadow: $shadow $outerColor;
|
|
-moz-box-shadow: $shadow $outerColor;
|
|
-o-box-shadow: $shadow $outerColor;
|
|
box-shadow: $shadow $outerColor;
|
|
}
|
|
|
|
|
|
//**----------------------------------------------------
|
|
//Clearfix mixin clears the float of it's parent element
|
|
//----------------------------------------------------**/
|
|
@mixin clearfix{
|
|
&:after{
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
*:first-child &{ zoom:1;}
|
|
}
|
|
|
|
@mixin transition($properties: margin 0.3s ease-in 0s){
|
|
-moz-transition: $properties;
|
|
-webkit-transition: $properties;
|
|
-o-transition: $properties;
|
|
transition: $properties;
|
|
}
|