diff options
author | RuifMaxx <1243320371@qq.com> | 2022-04-07 20:23:29 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-04-07 20:23:29 +0300 |
commit | 87b489d7e4dd33cdac949df723c1e091ab2d296f (patch) | |
tree | 7ca3e4f9b0209185105ceeffe7c47234964c6ba6 | |
parent | e5423a2561e3ec8acdf38c75a9b2e9ee72dec32c (diff) |
🐛 Image on post not full when using mobile-view (#97)
* Update _reset.scss
* Update post.1.en.md
* Update config.toml
* Update config-prod.toml
* Update config.toml
* Update config-prod.toml
* Update config.toml
* move img style to new hugotheme/main.scss
Co-authored-by: curtiscde <curt@live.co.uk>
-rw-r--r-- | assets/scss/base/_reset.scss | 195 | ||||
-rw-r--r-- | assets/scss/hugotheme/main.scss | 3 | ||||
-rw-r--r-- | assets/scss/main.scss | 85 | ||||
-rw-r--r-- | exampleSite/config-prod.toml | 4 | ||||
-rw-r--r-- | exampleSite/config.toml | 3 | ||||
-rw-r--r-- | exampleSite/content/post/post.1.en.md | 6 |
6 files changed, 193 insertions, 103 deletions
diff --git a/assets/scss/base/_reset.scss b/assets/scss/base/_reset.scss index 0396226..eb06b1b 100644 --- a/assets/scss/base/_reset.scss +++ b/assets/scss/base/_reset.scss @@ -7,70 +7,153 @@ // Reset.
// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)
- html, body, div, span, applet, object,
- iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
- pre, a, abbr, acronym, address, big, cite,
- code, del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var, b,
- u, i, center, dl, dt, dd, ol, ul, li, fieldset,
- form, label, legend, table, caption, tbody,
- tfoot, thead, tr, th, td, article, aside,
- canvas, details, embed, figure, figcaption,
- footer, header, hgroup, menu, nav, output, ruby,
- section, summary, time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display: block;
- }
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
- body {
- line-height: 1;
- }
+body {
+ line-height: 1;
+}
- ol, ul {
- list-style:none;
- }
+ol,
+ul {
+ list-style: none;
+}
- blockquote, q {
- quotes: none;
+blockquote,
+q {
+ quotes: none;
- &:before,
- &:after {
- content: '';
- content: none;
- }
+ &:before,
+ &:after {
+ content: '';
+ content: none;
}
+}
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
- body {
- -webkit-text-size-adjust: none;
- }
+body {
+ -webkit-text-size-adjust: none;
+}
- mark {
- background-color: transparent;
- color: inherit;
- }
+mark {
+ background-color: transparent;
+ color: inherit;
+}
- input::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
- input, select, textarea {
- -moz-appearance: none;
- -webkit-appearance: none;
- -ms-appearance: none;
- appearance: none;
- }
\ No newline at end of file +input,
+select,
+textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+}
\ No newline at end of file diff --git a/assets/scss/hugotheme/main.scss b/assets/scss/hugotheme/main.scss new file mode 100644 index 0000000..de91d93 --- /dev/null +++ b/assets/scss/hugotheme/main.scss @@ -0,0 +1,3 @@ +img { + max-width: 100%; +}
\ No newline at end of file diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 06c1fd2..38e2c56 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -16,56 +16,59 @@ // Breakpoints.
- @include breakpoints((
- default: (1681px, null ),
- xlarge: (1281px, 1680px ),
- large: (981px, 1280px ),
- medium: (737px, 980px ),
- small: (481px, 736px ),
- xsmall: (361px, 480px ),
- xxsmall: (null, 360px )
- ));
+@include breakpoints((default: (1681px, null),
+ xlarge: (1281px, 1680px),
+ large: (981px, 1280px),
+ medium: (737px, 980px),
+ small: (481px, 736px),
+ xsmall: (361px, 480px),
+ xxsmall: (null, 360px)));
// Mixins.
- @mixin color($p) {
- @include color-typography($p);
- @include color-box($p);
- @include color-button($p);
- @include color-form($p);
- @include color-list($p);
- @include color-section($p);
- @include color-table($p);
- @include color-pagination($p);
- }
+@mixin color($p) {
+ @include color-typography($p);
+ @include color-box($p);
+ @include color-button($p);
+ @include color-form($p);
+ @include color-list($p);
+ @include color-section($p);
+ @include color-table($p);
+ @include color-pagination($p);
+}
// Base.
- @import 'base/reset';
- @import 'base/page';
- @import 'base/typography';
+@import 'base/reset';
+@import 'base/page';
+@import 'base/typography';
// Component.
- @import 'components/row';
- @import 'components/box';
- @import 'components/button';
- @import 'components/form';
- @import 'components/icon';
- @import 'components/image';
- @import 'components/actions';
- @import 'components/icons';
- @import 'components/list';
- @import 'components/section';
- @import 'components/table';
- @import 'components/pagination';
+@import 'components/row';
+@import 'components/box';
+@import 'components/button';
+@import 'components/form';
+@import 'components/icon';
+@import 'components/image';
+@import 'components/actions';
+@import 'components/icons';
+@import 'components/list';
+@import 'components/section';
+@import 'components/table';
+@import 'components/pagination';
// Layout.
- @import 'layout/wrapper';
- @import 'layout/intro';
- @import 'layout/header';
- @import 'layout/nav';
- @import 'layout/main';
- @import 'layout/footer';
- @import 'layout/navPanel';
\ No newline at end of file +@import 'layout/wrapper';
+@import 'layout/intro';
+@import 'layout/header';
+@import 'layout/nav';
+@import 'layout/main';
+@import 'layout/footer';
+@import 'layout/navPanel';
+
+
+// Hugo Theme specific
+
+@import 'hugotheme/main.scss';
\ No newline at end of file diff --git a/exampleSite/config-prod.toml b/exampleSite/config-prod.toml index 054bfc4..c345fb9 100644 --- a/exampleSite/config-prod.toml +++ b/exampleSite/config-prod.toml @@ -11,7 +11,6 @@ disableKinds = ["taxonomy", "taxonomyTerm", "section"] # favicon = "favicon.ico" # set to change date format # dateFormat = "2.1.2006" - # Below parameters can be set to override default post settings # [params.posts] # folderName = "post" @@ -19,7 +18,7 @@ disableKinds = ["taxonomy", "taxonomyTerm", "section"] # featuredPost = "true" # paginationPages = 2 # showFirstLast = false - + [languages] [languages.en] languageName = "English" @@ -29,4 +28,3 @@ disableKinds = ["taxonomy", "taxonomyTerm", "section"] #[languages.fr] # languageName = "Français" # title = "Massively - Version Française" - diff --git a/exampleSite/config.toml b/exampleSite/config.toml index ca60b99..18a8c22 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -28,4 +28,5 @@ disableKinds = ["taxonomy", "taxonomyTerm", "section"] title = "Massively - Versión Español" #[languages.fr] # languageName = "Français" -# title = "Massively - Version Française"
\ No newline at end of file +# title = "Massively - Version Française" + diff --git a/exampleSite/content/post/post.1.en.md b/exampleSite/content/post/post.1.en.md index 6e966e1..df39f05 100644 --- a/exampleSite/content/post/post.1.en.md +++ b/exampleSite/content/post/post.1.en.md @@ -2,7 +2,9 @@ title = 'Primis eget imperdiet lorem' slug = 'post1' image = 'images/pic03.jpg' -description = 'Example of post with missing date property' +description = 'Example of post with missing date property but with pic.' disableComments = true +++ -Example of post with missing date property.
\ No newline at end of file +Example of post with missing date property but with pic. + +![img](/images/pic03.jpg) |