diff --git a/resources/assets/stylesheets/scss/plus.scss b/resources/assets/stylesheets/scss/plus.scss new file mode 100644 index 0000000000000000000000000000000000000000..ea0b7b35f14da566e3f80cbc4af505f63b21ae11 --- /dev/null +++ b/resources/assets/stylesheets/scss/plus.scss @@ -0,0 +1,79 @@ +.plus { + .element_header { + display: inline-block; + width: 250px; + margin-left: 5px; + } + + .element_description { + display: inline-block; + margin-left: 20px; + } + + .plugin_icon { + width: 16px; + height: 16px; + } + + .shortdesc { + margin-left: 3px; + } + + .plus_expert { + margin-left: 20px; + width: 97%; + + display: flex; + flex-wrap: wrap; + } + + .screenshot_holder { + width: 250px; + flex: 0 250px; + margin-right: 5mm; + box-sizing: border-box; + } + + .big_thumb { + max-width: 250px; + max-height: 250px; + padding-top: 5mm; + } + + .small_thumb { + margin-left: 2px; + margin-top: 5px; + max-height: 25px; + } + + .thumb_holder { + width: 250px; + text-align: center; + background-color: $content-color-20; + border-top: 1px solid mix($brand-color-lighter, $white, 80%); + border-bottom: 1px solid mix($brand-color-lighter, $white, 80%); + } + + .descriptionbox { + flex: 1 305px; + max-width: 45em; + } + + .keywords { + padding: 5mm; + left: 5mm; + position: relative; + } + + .longdesc { + overflow: hidden; + } + + .helplink { + float: right; + } + + article.studip > section:not(:last-child) { + border-bottom: 1px solid $table-header-color; + } +} diff --git a/resources/assets/stylesheets/studip.scss b/resources/assets/stylesheets/studip.scss index 2d5b7b1296e9adabe6f9c6f2ac4bb6c65c646281..98b0eb45ea177ffcfc969b471e2c010dd2b86757 100644 --- a/resources/assets/stylesheets/studip.scss +++ b/resources/assets/stylesheets/studip.scss @@ -69,6 +69,7 @@ @import "scss/pagination"; @import "scss/personal-notifications"; @import "scss/plugins"; +@import "scss/plus"; @import "scss/progress_indicator.scss"; @import "scss/profile"; @import "scss/qrcode";