diff --git a/app/assets/stylesheets/spot.scss b/app/assets/stylesheets/spot.scss index ad8b61402..d3d38f075 100644 --- a/app/assets/stylesheets/spot.scss +++ b/app/assets/stylesheets/spot.scss @@ -2,21 +2,7 @@ @import "spot/navbar"; @import "spot/homepage"; @import "spot/multi-auth-controlled-vocab"; - -.rights-statement-icon { - max-width: 120px; -} - -.panel-heading-slim { - padding: 4px 15px; - padding-left: 8px; // TODO: this is a magic number; what's the value in bootstrap? - - h5, - h6 { - margin-bottom: 0; - margin-top: 0; - } -} +@import "spot/work-views"; [role="main"] { margin-top: 1rem; @@ -27,24 +13,10 @@ margin-top: 0; } -.thumbnail.file-set { - margin: auto; - max-width: 250px; -} - .ldr-logo img { height: 50px; } -// bootstrap is very specific in targeting table cells, -// so we also need to be that specific to override -.metadata-table > tbody > tr { - > td, - > th { - vertical-align: middle; - } -} - // collection overrides .hyc-banner { min-height: 200px; diff --git a/app/assets/stylesheets/spot/_work-views.scss b/app/assets/stylesheets/spot/_work-views.scss new file mode 100644 index 000000000..6ffda3f46 --- /dev/null +++ b/app/assets/stylesheets/spot/_work-views.scss @@ -0,0 +1,42 @@ +.rights-statement-icon { + max-width: 120px; +} + +// if including the work-show page header in the panel coloring, +// change `.work-metadata` to `.work-type` +// +// .work-metadata { +// .panel { +// border-color: $red-dark; +// } + +// .panel-heading { +// background-color: $red-dark; +// color: $white; +// } +// } + +.panel-heading-slim { + padding: 4px 15px; + padding-left: 8px; // TODO: this is a magic number; what's the value in bootstrap? + + h5, + h6 { + margin-bottom: 0; + margin-top: 0; + } +} + +// bootstrap is very specific in targeting table cells, +// so we also need to be that specific to override +.metadata-table > tbody > tr { + > td, + > th { + vertical-align: middle; + } +} + +.thumbnail.file-set { + margin: auto; + max-width: 250px; +}