igor
/
portfoligor
1
1
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases 4 Wiki Activity
portfoligor/assets/scss/_post.scss

49 lines
621 B
SCSS
Raw Normal View History

shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
///////////////////
// //
// POST //
// //
///////////////////
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
.post-header {
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
margin: 1em 0;
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
h1 {
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
margin: 0;
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
}
}
.post-info {
display: flex;
flex-wrap: wrap;
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
justify-content: space-between;
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
margin-top: 0;
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
padding: 0;
post info: improve punctuation and space usage * NEW Uses pseudo-element to add trailing space and coma. * NEW Uses flex options to improve space usage. Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-01-19 18:00:55 +01:00
> li {
padding-right: .5rem;
}
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
li {
display: flex;
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
list-style: none;
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
> ul {
display: flex;
layout: improve list of post taxonomy terms Wraps the flex of the taxonomy term list to prevent the content being larger than small screens. Also improves the solution for the coma separator, to get a coma after a term (and not before), and not after the last item of the list. Closes #10 Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-24 21:28:11 +02:00
flex-wrap: wrap;
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
padding: 0;
post info: improve punctuation and space usage * NEW Uses pseudo-element to add trailing space and coma. * NEW Uses flex options to improve space usage. Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-01-19 18:00:55 +01:00
white-space: pre;
}
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
> ul::before {
content: ' ';
post info: improve punctuation and space usage * NEW Uses pseudo-element to add trailing space and coma. * NEW Uses flex options to improve space usage. Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-01-19 18:00:55 +01:00
white-space: pre;
section: improve sections, lists and navigation * Splits styles into partials. * Adds a category entry to the navigation menu. * Adds a flex to the header to get the menu on the right. * Adds a flex to the sections and lists to diplay information evenly. Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-15 17:42:04 +01:00
}
}
}
post info: improve punctuation and space usage * NEW Uses pseudo-element to add trailing space and coma. * NEW Uses flex options to improve space usage. Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-01-19 18:00:55 +01:00
layout: improve list of post taxonomy terms Wraps the flex of the taxonomy term list to prevent the content being larger than small screens. Also improves the solution for the coma separator, to get a coma after a term (and not before), and not after the last item of the list. Closes #10 Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-24 21:28:11 +02:00
.post-taxonomies:not(:last-child) {
&::after {
shortcodes: adds an audio player with album cover * Adds a shortcodes with an image. * Updates the audio, stream and published shortcodes to group the figcaption under the audio player. * Adds a SCSS partial for grid construction that only contains for now a breakpoint mixin'. * Displays the cover above the player by default, and on the left side for bigger screens. * Fixes the SCSS files according to SCSS linting. Co-Authored-by: iGor milhit <igor@milhit.ch>
2020-12-26 19:59:54 +01:00
content: ', ';
layout: improve list of post taxonomy terms Wraps the flex of the taxonomy term list to prevent the content being larger than small screens. Also improves the solution for the coma separator, to get a coma after a term (and not before), and not after the last item of the list. Closes #10 Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-24 21:28:11 +02:00
}
post info: improve punctuation and space usage * NEW Uses pseudo-element to add trailing space and coma. * NEW Uses flex options to improve space usage. Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-01-19 18:00:55 +01:00
}