diff --git a/wagtail/contrib/wagtailstyleguide/static_src/wagtailstyleguide/scss/styleguide.scss b/wagtail/contrib/wagtailstyleguide/static_src/wagtailstyleguide/scss/styleguide.scss index 873aaf6b6..7358a232f 100644 --- a/wagtail/contrib/wagtailstyleguide/static_src/wagtailstyleguide/scss/styleguide.scss +++ b/wagtail/contrib/wagtailstyleguide/static_src/wagtailstyleguide/scss/styleguide.scss @@ -2,104 +2,104 @@ @import "wagtailadmin/scss/mixins.scss"; @import "wagtailadmin/scss/grid.scss"; -section{ - border-top:1px solid $color-grey-3; - margin-top:2em; - padding:0 0 2em 0; +section { + border-top: 1px solid $color-grey-3; + margin-top: 2em; + padding: 0 0 2em 0; - > h2:first-child{ - margin:0; - font-size:1em; - background:$color-grey-4; - padding:1em; - margin-bottom:1em; + > h2: first-child { + margin: 0; + font-size: 1em; + background: $color-grey-4; + padding: 1em; + margin-bottom: 1em; } } -#palette{ +#palette { @include clearfix(); - ul{ + ul { @include clearfix(); @include unlist(); } - li{ - float:left; - width:100px; - height:100px; - padding:10px; - color:black; + li { + float: left; + width: 100px; + height: 100px; + padding: 10px; + color: black; } - .color-teal{ - background-color:$color-teal; + .color-teal { + background-color: $color-teal; } - .color-teal-darker{ - background-color:$color-teal-darker; + .color-teal-darker { + background-color: $color-teal-darker; } - .color-teal-dark{ - background-color:$color-teal-dark; + .color-teal-dark { + background-color: $color-teal-dark; } - .color-red{ - background-color:$color-red; + .color-red { + background-color: $color-red; } - .color-orange{ - background-color:$color-orange; + .color-orange { + background-color: $color-orange; } - .color-green{ - background-color:$color-green; + .color-green { + background-color: $color-green; } - .color-blue{ - background-color:$color-blue; + .color-blue { + background-color: $color-blue; } - .color-grey-1{ - background-color:$color-grey-1; + .color-grey-1 { + background-color: $color-grey-1; } - .color-grey-1-1{ - background-color:$color-grey-1-1; + .color-grey-1-1 { + background-color: $color-grey-1-1; } - .color-grey-2{ - background-color:$color-grey-2; + .color-grey-2 { + background-color: $color-grey-2; } - .color-grey-3{ - background-color:$color-grey-3; + .color-grey-3 { + background-color: $color-grey-3; } - .color-grey-4{ - background-color:$color-grey-4; + .color-grey-4 { + background-color: $color-grey-4; } - .color-grey-5{ - background-color:$color-grey-5; + .color-grey-5 { + background-color: $color-grey-5; } - .color-salmon{ - background-color:$color-salmon; + .color-salmon { + background-color: $color-salmon; } - .color-salmon-light{ - background-color:$color-salmon-light; + .color-salmon-light { + background-color: $color-salmon-light; } } -#icons{ - :before, :after{ - font-size:2em; +#icons { + :before, :after { + font-size: 2em; } - ul{ - -webkit-column-count:3; /* Chrome, Safari, Opera */ - -moz-column-count:3; /* Firefox */ - column-count:3; + ul { + -webkit-column-count: 3; /* Chrome, Safari, Opera */ + -moz-column-count: 3; /* Firefox */ + column-count: 3; } - li{ - margin-bottom:1em; + li { + margin-bottom: 1em; } - .spinner{ - position:relative; + .spinner { + position: relative; } - .icon-spinner:after{ - position:absolute; + .icon-spinner: after { + position: absolute; } } -.timepicker{ - height:150px; +.timepicker { + height: 150px; } diff --git a/wagtail/wagtailimages/static_src/wagtailimages/scss/add-multiple.scss b/wagtail/wagtailimages/static_src/wagtailimages/scss/add-multiple.scss index 7d1d1b682..aefd0d961 100644 --- a/wagtail/wagtailimages/static_src/wagtailimages/scss/add-multiple.scss +++ b/wagtail/wagtailimages/static_src/wagtailimages/scss/add-multiple.scss @@ -2,123 +2,123 @@ @import "wagtailadmin/scss/mixins.scss"; @import "wagtailadmin/scss/grid.scss"; -.replace-file-input{ - display:inline-block; - position:relative; - overflow:hidden; - padding-bottom:2px; +.replace-file-input { + display: inline-block; + position: relative; + overflow: hidden; + padding-bottom: 2px; - input[type=file]{ - padding:0; - opacity:0; - position:absolute; - top:0; - right:0; - direction:ltr; - width:auto; - display:block; - font-size:5em; + input[type=file] { + padding: 0; + opacity: 0; + position: absolute; + top: 0; + right: 0; + direction: ltr; + width: auto; + display: block; + font-size: 5em; - &:hover{ - cursor:pointer; + &: hover { + cursor: pointer; } } - &:hover{ - cursor:pointer; + &: hover { + cursor: pointer; - button{ - background-color:$color-teal-darker; + button { + background-color: $color-teal-darker; } } } -.upload-list{ - > li{ - padding:1em; +.upload-list { + > li { + padding: 1em; } - .left{ - text-align:center; + .left { + text-align: center; } - .preview{ - width:150px; - min-height:150px; - display:block; - position:relative; - text-align:center; - max-width:100%; - margin:auto; + .preview { + width: 150px; + min-height: 150px; + display: block; + position: relative; + text-align: center; + max-width: 100%; + margin: auto; } - .progress, .thumb, .thumb:before, canvas, img{ - position:absolute; - max-width:100%; + .progress, .thumb, .thumb: before, canvas, img { + position: absolute; + max-width: 100%; } - .progress{ - z-index:4; - top:60%; - left:20%; - right:20%; - width:60%; + .progress { + z-index: 4; + top: 60%; + left: 20%; + right: 20%; + width: 60%; @include box-shadow(0 0 5px 2px rgba(255, 255, 255, 0.4)); } - .thumb{ - top:0;right:0;bottom:0;left:0; - z-index:1; - width:100%; + .thumb { + top: 0;right: 0;bottom: 0;left: 0; + z-index: 1; + width: 100%; } - .thumb:before, canvas, img{ - left:0; - right:0; - top:0; - bottom:0; - margin:auto; + .thumb: before, canvas, img { + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; } - .thumb:before{ - z-index:2; - top:0; - width:1em; - font-size:10em; - line-height:1.4em; - color:lighten($color-grey-4, 4%); + .thumb: before { + z-index: 2; + top: 0; + width: 1em; + font-size: 10em; + line-height: 1.4em; + color: lighten($color-grey-4, 4%); } - canvas, img{ - z-index:3; + canvas, img { + z-index: 3; } - .hasthumb{ - &:before{ - display:none; + .hasthumb { + &: before { + display: none; } } - .status-msg{ - display:none; + .status-msg { + display: none; } - .upload-complete{ - .progress{ - opacity:0; + .upload-complete { + .progress { + opacity: 0; } } - .upload-uploading{ + .upload-uploading { } - .upload-success{ - .status-msg.success{ - display:block; + .upload-success { + .status-msg.success { + display: block; } } - .upload-failure{ - border-color:$color-red; + .upload-failure { + border-color: $color-red; - .preview{ - display:none; + .preview { + display: none; } - .status-msg.failure{ - display:block; + .status-msg.failure { + display: block; } } } diff --git a/wagtail/wagtailimages/static_src/wagtailimages/scss/focal-point-chooser.scss b/wagtail/wagtailimages/static_src/wagtailimages/scss/focal-point-chooser.scss index d1a022f6b..21a300c9d 100644 --- a/wagtail/wagtailimages/static_src/wagtailimages/scss/focal-point-chooser.scss +++ b/wagtail/wagtailimages/static_src/wagtailimages/scss/focal-point-chooser.scss @@ -16,7 +16,7 @@ } } - &:hover .current-focal-point-indicator{ - opacity:0; + &:hover .current-focal-point-indicator { + opacity: 0; } } diff --git a/wagtail/wagtailusers/static_src/wagtailusers/scss/groups_edit.scss b/wagtail/wagtailusers/static_src/wagtailusers/scss/groups_edit.scss index 85a13f071..63534f217 100644 --- a/wagtail/wagtailusers/static_src/wagtailusers/scss/groups_edit.scss +++ b/wagtail/wagtailusers/static_src/wagtailusers/scss/groups_edit.scss @@ -1,9 +1,9 @@ .listing { - .field label{ - display:none; - } - input,select,textarea{ - font-size:1em; + .field label { + display: none; } + input, select, textarea { + font-size: 1em; + } } \ No newline at end of file