diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b512c09 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules \ No newline at end of file diff --git a/index.css b/index.css index 859a834..531c822 100644 --- a/index.css +++ b/index.css @@ -1,9 +1,28 @@ +.info { + background: DarkGray; + box-shadow: 0 0 1px rgba(169, 169, 169, 0.25); + color: #fff; +} + +.alert { + background: DarkRed; + box-shadow: 0 0 1px rgba(139, 0, 0, 0.25); + color: #fff; +} + +.success { + background: DarkGreen; + box-shadow: 0 0 1px rgba(0, 100, 0, 0.25); + color: #fff; +} + body { max-width: 600px; margin: auto; text-align: center; + background-color: lightblue; } -p { +div p { text-align: justify; -} +}/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/index.css.map b/index.css.map new file mode 100644 index 0000000..0d7f501 --- /dev/null +++ b/index.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AAMA;EALE,oBADmB;EAEnB,6CAAA;EACA,WAAA;ACCF;;ADKA;EARE,mBASuB;EARvB,yCAAA;EACA,WAAA;ACOF;;ADEA;EAXE,qBAYuB;EAXvB,yCAAA;EACA,WAAA;ACaF;;ADAA;EACE,gBAAA;EACA,YAAA;EACA,kBAAA;EACA,2BAAA;ACGF;;ADCE;EACE,mBAAA;ACEJ","file":"index.css"} \ No newline at end of file diff --git a/index.html b/index.html index ddbce82..1fbe0fc 100644 --- a/index.html +++ b/index.html @@ -1,25 +1,64 @@ + + Lorem ipsum + + - - Lorem ipsum - - + +

Nikola Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dicta voluptates adipisci explicabo ea maxime, eum nostrum minus culpa fugit ut facere veniam eaque qui repudiandae vel, neque deserunt, tempora enim?

+
+ Lorem ipsum +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure a officiis + labore! Nesciunt cum accusamus impedit ipsam eaque at earum quas + officia, corporis ducimus maiores, provident vero adipisci mollitia + perspiciatis! Lorem ipsum dolor, sit amet consectetur adipisicing elit. + Nulla nemo repellat totam, mollitia magnam dicta, ut atque sunt nostrum + suscipit quos consequatur quibusdam aperiam? Exercitationem voluptate + cum facere accusantium a. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, + obcaecati minus asperiores magnam, sapiente voluptate, molestiae + molestias ullam aliquid officia et iusto perspiciatis magni commodi + optio repellendus fugiat ab recusandae? Recusandae aut maxime culpa + debitis iure sunt odio in voluptatem maiores expedita fuga quaerat, qui + atque sint molestiae ut distinctio dolores mollitia facilis. Atque ex + perferendis repudiandae expedita officia animi? +

+
- -

Lorem ipsum

- Lorem ipsum -

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure a officiis labore! Nesciunt cum accusamus impedit - ipsam eaque at earum quas officia, corporis ducimus maiores, provident vero adipisci mollitia perspiciatis! - Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nulla nemo repellat totam, mollitia magnam dicta, ut atque - sunt nostrum suscipit quos consequatur quibusdam aperiam? Exercitationem voluptate cum facere accusantium a. -

-

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, obcaecati minus asperiores magnam, sapiente - voluptate, molestiae molestias ullam aliquid officia et iusto perspiciatis magni commodi optio repellendus fugiat ab - recusandae? - Recusandae aut maxime culpa debitis iure sunt odio in voluptatem maiores expedita fuga quaerat, qui atque sint - molestiae ut distinctio dolores mollitia facilis. Atque ex perferendis repudiandae expedita officia animi?

- - - \ No newline at end of file +
+ Lorem ipsum +

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure a officiis + labore! Nesciunt cum accusamus impedit ipsam eaque at earum quas + officia, corporis ducimus maiores, provident vero adipisci mollitia + perspiciatis! Lorem ipsum dolor, sit amet consectetur adipisicing elit. + Nulla nemo repellat totam, mollitia magnam dicta, ut atque sunt nostrum + suscipit quos consequatur quibusdam aperiam? Exercitationem voluptate + cum facere accusantium a. +

+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, + obcaecati minus asperiores magnam, sapiente voluptate, molestiae + molestias ullam aliquid officia et iusto perspiciatis magni commodi + optio repellendus fugiat ab recusandae? Recusandae aut maxime culpa + debitis iure sunt odio in voluptatem maiores expedita fuga quaerat, qui + atque sint molestiae ut distinctio dolores mollitia facilis. Atque ex + perferendis repudiandae expedita officia animi? +

+
+ + diff --git a/index.scss b/index.scss new file mode 100644 index 0000000..f08115c --- /dev/null +++ b/index.scss @@ -0,0 +1,28 @@ +@mixin theme($theme: DarkGray) { + background: $theme; + box-shadow: 0 0 1px rgba($theme, 0.25); + color: #fff; +} + +.info { + @include theme; +} +.alert { + @include theme($theme: DarkRed); +} +.success { + @include theme($theme: DarkGreen); +} + +body { + max-width: 600px; + margin: auto; + text-align: center; + background-color: lightblue; +} + +div { + p { + text-align: justify; + } +} diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..0286473 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,36 @@ +{ + "name": "primjer", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "primjer", + "version": "1.0.0", + "license": "ISC", + "dependencies": { + "scss": "^0.2.4" + }, + "devDependencies": {} + }, + "node_modules/ometa": { + "version": "0.2.2", + "resolved": "https://registry.npmjs.org/ometa/-/ometa-0.2.2.tgz", + "integrity": "sha512-LZuoK/yjU3FvrxPjUXUlZ1bavCfBPqauA7fsNdwi+AVhRdyk2IzgP3JRnevvjzQ6fKHdUw8YISshf53FmpHrng==", + "engines": { + "node": ">= 0.2.0" + } + }, + "node_modules/scss": { + "version": "0.2.4", + "resolved": "https://registry.npmjs.org/scss/-/scss-0.2.4.tgz", + "integrity": "sha512-4u8V87F+Q/upVhUmhPnB4C1R11xojkRkWjExL2v0CX2EXTg18VrKd+9JWoeyCp2VEMdSpJsyAvVU+rVjogh51A==", + "dependencies": { + "ometa": "0.2.2" + }, + "engines": { + "node": ">= 0.2.0" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..2a3a0c8 --- /dev/null +++ b/package.json @@ -0,0 +1,15 @@ +{ + "name": "primjer", + "version": "1.0.0", + "description": "Vježba za korištenje git-a", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [], + "author": "", + "license": "ISC", + "dependencies": { + "scss": "^0.2.4" + } +}