From 67a7064c2b9404d803643a754c2cc626390a77f2 Mon Sep 17 00:00:00 2001 From: sam-the-programmer Date: Wed, 3 Aug 2022 16:46:28 +0100 Subject: [PATCH 1/2] delete stuff --- Archive/Colours.md | 326 ---------------------------- CSS/base.css | 79 ------- CSS/bgs.css | 1 - CSS/bigger.css | 33 --- CSS/columns.css | 1 - CSS/glow-text.css | 1 - CSS/hover.css | 24 -- CSS/pad.css | 1 - CSS/super.css | 9 - CSS/textcol.css | 1 - CSS/utils.css | 80 ------- Scripts/bgs.go | 48 ---- Scripts/columns.go | 39 ---- Scripts/pad_margin.go | 104 --------- Scripts/text.go | 50 ----- Scripts/text_shadow.go | 50 ----- pages/docs/index.html | 40 ---- pages/examples/business/index.html | 37 ---- pages/examples/dashboard/index.html | 18 -- pages/examples/gallery/index.html | 0 pages/examples/index.html | 73 ------- pages/examples/lorem/index.html | 119 ---------- utils/formatter.go | 44 ---- 23 files changed, 1178 deletions(-) delete mode 100644 Archive/Colours.md delete mode 100644 CSS/base.css delete mode 100644 CSS/bgs.css delete mode 100644 CSS/bigger.css delete mode 100644 CSS/columns.css delete mode 100644 CSS/glow-text.css delete mode 100644 CSS/hover.css delete mode 100644 CSS/pad.css delete mode 100644 CSS/super.css delete mode 100644 CSS/textcol.css delete mode 100644 CSS/utils.css delete mode 100644 Scripts/bgs.go delete mode 100644 Scripts/columns.go delete mode 100644 Scripts/pad_margin.go delete mode 100644 Scripts/text.go delete mode 100644 Scripts/text_shadow.go delete mode 100644 pages/docs/index.html delete mode 100644 pages/examples/business/index.html delete mode 100644 pages/examples/dashboard/index.html delete mode 100644 pages/examples/gallery/index.html delete mode 100644 pages/examples/index.html delete mode 100644 pages/examples/lorem/index.html delete mode 100644 utils/formatter.go diff --git a/Archive/Colours.md b/Archive/Colours.md deleted file mode 100644 index f8a6a59..0000000 --- a/Archive/Colours.md +++ /dev/null @@ -1,326 +0,0 @@ -| Name | Color | -|----------------------|-------------------------------------------------------------------| -| aztecgold | | -| bigfootfeet | | -| chocolate | | -| alloyorange | | -| blastoffbronze | | -| citrine | | -| antiqueruby | | -| chilipepper | | -| bigdiporuby | | -| darkred | | -| bittersweetshimmer | | -| crimson | | -| china | | -| cherry | | -| hotmagenta | | -| atomictangerine | | -| banana | | -| belgium | | -| yellowsunshine | | -| brightyellow | | -| yellow | | -| boogerbuster | | -| yellowgreen | | -| alienarmpit | | -| chartreuse | | -| aqua | | -| brazil | | -| bahamas | | -| aquamarine | | -| cyan | | -| aquasky | | -| blueturquoise | | -| amethyst | | -| blueiris | | -| darkslateblue | | -| blue | | -| bdazzledblue | | -| blueberry | | -| argentina | | -| winterwizard | | -| blizzardblue | | -| bluejeans | | -| cornflowerblue | | -| ceruleanfrost | | -| cerulean | | -| aliceblue | | -| babypowder | | -| azure | | -| beige | | -| antiquewhite | | -| blanchedalmond | | -| bisque | | -| bubblegum | | -| hotpink | | -| honeysuckle | | -| blueviolet | | -| blackshadows | | -| black | | -| brown | | -| brownsugar | | -| burlywood | | -| burnishedbrown | | -| cadetblue | | -| cedarchest | | -| cinnamonsatin | | -| classicblue | | -| coconut | | -| colombia | | -| copper | | -| copperpenny | | -| coral | | -| cornsilk | | -| cosmiccobalt | | -| cybergrape | | -| daffodil | | -| darkblue | | -| darkcyan | | -| darkgoldenrod | | -| darkgray | | -| darkgreen | | -| darkgrey | | -| darkkhaki | | -| darkmagenta | | -| darkolivegreen | | -| darkorange | | -| darkorchid | | -| darksalmon | | -| darkseagreen | | -| darkslategray | | -| darkslategrey | | -| darkturquoise | | -| darkviolet | | -| deeppink | | -| deepskyblue | | -| deepspacesparkle | | -| denimblue | | -| dimgray | | -| dimgrey | | -| dingydungeon | | -| dirt | | -| dodgerblue | | -| eaglegreen | | -| eerieblack | | -| electriclime | | -| emerald | | -| eucalyptus | | -| firebrick | | -| floralwhite | | -| forestgreen | | -| freshair | | -| fuchsia | | -| fuchsiarose | | -| gainsboro | | -| gargoylegas | | -| ghostwhite | | -| giantsclub | | -| glossygrape | | -| gold | | -| goldenrod | | -| goldfusion | | -| granitegray | | -| grape | | -| gray | | -| green | | -| greenery | | -| greenlizard | | -| greensheen | | -| greenyellow | | -| grey | | -| honeydew | | -| illuminatingemerald | | -| india | | -| indianred | | -| indigo | | -| ireland | | -| iris | | -| ivory | | -| jade | | -| jasper | | -| jellybean | | -| keylime | | -| khaki | | -| lapislazuli | | -| laserlemon | | -| latvia | | -| lavender | | -| lavenderblush | | -| lawngreen | | -| leatherjacket | | -| lemon | | -| lemonchiffon | | -| lichen | | -| licorice | | -| lightblue | | -| lightcoral | | -| lightcyan | | -| lightgoldenrodyellow | | -| lightgray | | -| lightgreen | | -| lightgrey | | -| lightpink | | -| lightsalmon | | -| lightseagreen | | -| lightskyblue | | -| lightslategray | | -| lightslategrey | | -| lightsteelblue | | -| lightyellow | | -| lilac | | -| lilacluster | | -| lime | | -| limegreen | | -| linen | | -| livingcoral | | -| lumber | | -| macau | | -| madagascar | | -| magenta | | -| magicmint | | -| magicpotion | | -| malachite | | -| maroon | | -| marsala | | -| mediumaquamarine | | -| mediumblue | | -| mediumorchid | | -| mediumpurple | | -| mediumseagreen | | -| mediumslateblue | | -| mediumspringgreen | | -| mediumturquoise | | -| mediumvioletred | | -| metallicseaweed | | -| metallicsunburst | | -| midnightblue | | -| mimosa | | -| mintcream | | -| mistymoss | | -| mistyrose | | -| moccasin | | -| moonstone | | -| mummystomb | | -| mysticmaroon | | -| navajowhite | | -| navy | | -| neoncarrot | | -| newcar | | -| night | | -| ogreodor | | -| oldlace | | -| olive | | -| olivedrab | | -| onyx | | -| orange | | -| orangered | | -| orangesoda | | -| orchid | | -| outrageousorange | | -| palau | | -| palegoldenrod | | -| palegreen | | -| paleturquoise | | -| palevioletred | | -| panama | | -| pantoneemerald | | -| pantonerosequartz | | -| pantoneturquoise | | -| papayawhip | | -| peach | | -| peachpuff | | -| pearlypurple | | -| peridot | | -| peru | | -| pewterblue | | -| pine | | -| pink | | -| pinkpearl | | -| pixiepowder | | -| plum | | -| plumppurple | | -| poison | | -| polishedpine | | -| powderblue | | -| princessperfume | | -| purple | | -| purpleplum | | -| quicksilver | | -| radiantorchid | | -| radicalred | | -| razzledazzlerose | | -| razzmicberry | | -| rebeccapurple | | -| red | | -| redsalsa | | -| rose | | -| rosedust | | -| rosequartz | | -| rosybrown | | -| royalblue | | -| ruby | | -| rustyred | | -| saddlebrown | | -| salmon | | -| sanddollar | | -| sandybrown | | -| sapphire | | -| sasquatchsocks | | -| screamingreen | | -| seagreen | | -| seaserpent | | -| seashell | | -| serenity | | -| seychelles | | -| shadowblue | | -| shampoo | | -| sheengreen | | -| shimmeringblush | | -| shinyshamrock | | -| shockingpink | | -| sienna | | -| silver | | -| sizzlingred | | -| skyblue | | -| slateblue | | -| slategray | | -| slategrey | | -| slimygreen | | -| smashedpumpkin | | -| smoke | | -| smokeytopaz | | -| snow | | -| soap | | -| solomon | | -| sonicsilver | | -| southafrica | | -| springgreen | | -| steelblue | | -| steelteal | | -| strawberry | | -| sugarplum | | -| sunburntcyclops | | -| sunglow | | -| sweetbrown | | -| tan | | -| tangerinetango | | -| tartorange | | -| teal | | -| thistle | | -| tigerlily | | -| tigerseye | | -| tomato | | -| truered | | -| tulip | | -| turquoise | | -| twilightlavender | | -| ultraviolet | | -| usa | | -| vanuatu | | -| violet | | -| wheat | | -| white | | -| whitesmoke | | -| wildwatermelon | | -| wintergreendream | | \ No newline at end of file diff --git a/CSS/base.css b/CSS/base.css deleted file mode 100644 index bcb2819..0000000 --- a/CSS/base.css +++ /dev/null @@ -1,79 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap"); - -:root { - /* Basic Colour Pallete */ - - --red1: hsl(0, 92%, 49%); - --red2: hsl(7, 92%, 49%); - --red3: hsl(17, 92%, 49%); - - --orange1: hsl(27, 92%, 49%); - --orange2: hsl(37, 92%, 49%); - --orange3: hsl(40, 92%, 49%); - - --yellow1: hsl(47, 92%, 49%); - --yellow2: hsl(57, 92%, 49%); - --yellow3: hsl(67, 92%, 49%); - - --green1: hsl(77, 92%, 49%); - --green2: hsl(87, 92%, 49%); - --green3: hsl(97, 92%, 49%); - - --lightblue1: hsl(157, 92%, 49%); - --lightblue2: hsl(177, 92%, 49%); - --lightblue3: hsl(187, 92%, 49%); - - --blue1: hsl(207, 92%, 49%); - --blue2: hsl(217, 92%, 49%); - --blue3: hsl(237, 92%, 49%); - - --purple1: hsl(247, 92%, 49%); - --purple2: hsl(257, 92%, 49%); - --purple3: hsl(267, 92%, 49%); - - --pink1: hsl(287, 92%, 49%); - --pink2: hsl(297, 92%, 49%); - --pink3: hsl(327, 92%, 49%); - - --gray1: hsl(0, 1%, 63%); - --gray2: hsl(0, 1%, 53%); - --gray3: hsl(0, 1%, 43%); - - --black1: hsl(0, 1%, 33%); - --black2: hsl(0, 1%, 23%); - --black3: hsl(0, 1%, 13%); - - --brown1: hsl(27, 95%, 17%); - --brown2: hsl(30, 95%, 20%); - --brown3: hsl(33, 95%, 25%); -} - -* { - font-family: Raleway, "Open Sans", sans-serif; -} - -html { - width: 100%; - height: 100%; -} - -a { - text-decoration: none; -} - -article { - padding: 2vw; -} - -hr { - border: 2px solid var(--gray1); -} - -img { - width: 100%; -} - -nav { - position: sticky; - position: -webkit-sticky; -} diff --git a/CSS/bgs.css b/CSS/bgs.css deleted file mode 100644 index 119de89..0000000 --- a/CSS/bgs.css +++ /dev/null @@ -1 +0,0 @@ -@import url('./base.css'); .bg-white{background-color:white;} .bg-red{background-color:red;} .bg-red1{background-color: var(--red1);} .bg-red2{background-color: var(--red2);} .bg-red3{background-color: var(--red3);} .bg-orange{background-color:orange;} .bg-orange1{background-color: var(--orange1);} .bg-orange2{background-color: var(--orange2);} .bg-orange3{background-color: var(--orange3);} .bg-yellow{background-color:yellow;} .bg-yellow1{background-color: var(--yellow1);} .bg-yellow2{background-color: var(--yellow2);} .bg-yellow3{background-color: var(--yellow3);} .bg-green{background-color:green;} .bg-green1{background-color: var(--green1);} .bg-green2{background-color: var(--green2);} .bg-green3{background-color: var(--green3);} .bg-lightblue{background-color:lightblue;} .bg-lightblue1{background-color: var(--lightblue1);} .bg-lightblue2{background-color: var(--lightblue2);} .bg-lightblue3{background-color: var(--lightblue3);} .bg-blue{background-color:blue;} .bg-blue1{background-color: var(--blue1);} .bg-blue2{background-color: var(--blue2);} .bg-blue3{background-color: var(--blue3);} .bg-purple{background-color:purple;} .bg-purple1{background-color: var(--purple1);} .bg-purple2{background-color: var(--purple2);} .bg-purple3{background-color: var(--purple3);} .bg-pink{background-color:pink;} .bg-pink1{background-color: var(--pink1);} .bg-pink2{background-color: var(--pink2);} .bg-pink3{background-color: var(--pink3);} .bg-gray{background-color:gray;} .bg-gray1{background-color: var(--gray1);} .bg-gray2{background-color: var(--gray2);} .bg-gray3{background-color: var(--gray3);} .bg-black{background-color:black;} .bg-black1{background-color: var(--black1);} .bg-black2{background-color: var(--black2);} .bg-black3{background-color: var(--black3);} .bg-brown{background-color:brown;} .bg-brown1{background-color: var(--brown1);} .bg-brown2{background-color: var(--brown2);} .bg-brown3{background-color: var(--brown3);} \ No newline at end of file diff --git a/CSS/bigger.css b/CSS/bigger.css deleted file mode 100644 index 3b3291b..0000000 --- a/CSS/bigger.css +++ /dev/null @@ -1,33 +0,0 @@ -@import url(./base.css); - -/* Bigger Stylesets */ -.box { - padding: 3vh; - box-shadow: 0 1vh 1vh -1vh hsla(0, 0%, 33%, 0.698); -} - -.nav { - position: sticky; - top: 0; - - display: flex; - justify-content: space-around; -} - -.nav a { - padding: 3vh; - width: 100%; - - box-shadow: 0 1vh 1vh -1vh hsla(0, 0%, 33%, 0.698); - - background-color: white; - - color: black; - text-align: center; - - transition: transform 150ms ease-in; -} - -.nav a:hover { - transform: translateY(-1vh); -} diff --git a/CSS/columns.css b/CSS/columns.css deleted file mode 100644 index d55846e..0000000 --- a/CSS/columns.css +++ /dev/null @@ -1 +0,0 @@ -.columns-1{column-count: 1;}.columns-2{column-count: 2;}.columns-3{column-count: 3;}.columns-4{column-count: 4;}.columns-5{column-count: 5;}.columns-6{column-count: 6;}.columns-7{column-count: 7;}.columns-8{column-count: 8;}.columns-9{column-count: 9;} \ No newline at end of file diff --git a/CSS/glow-text.css b/CSS/glow-text.css deleted file mode 100644 index 79802ac..0000000 --- a/CSS/glow-text.css +++ /dev/null @@ -1 +0,0 @@ -@import url('./base.css');.tglow-white{text-shadow: 0 0 .5ch white;}.tdrop-white{text-shadow: .2ch .2ch 0 white;}.tglow-red{text-shadow: 0 0 .5chred;}.tdrop-red{text-shadow: .2ch .2ch 0red;}.tglow-red1{text-shadow: 0 0 .5chred;}.tglow-red1{text-shadow: .2ch .2ch 0red;}.tglow-red2{text-shadow: 0 0 .5chred;}.tglow-red2{text-shadow: .2ch .2ch 0red;}.tglow-red3{text-shadow: 0 0 .5chred;}.tglow-red3{text-shadow: .2ch .2ch 0red;}.tglow-orange{text-shadow: 0 0 .5chorange;}.tdrop-orange{text-shadow: .2ch .2ch 0orange;}.tglow-orange1{text-shadow: 0 0 .5chorange;}.tglow-orange1{text-shadow: .2ch .2ch 0orange;}.tglow-orange2{text-shadow: 0 0 .5chorange;}.tglow-orange2{text-shadow: .2ch .2ch 0orange;}.tglow-orange3{text-shadow: 0 0 .5chorange;}.tglow-orange3{text-shadow: .2ch .2ch 0orange;}.tglow-yellow{text-shadow: 0 0 .5chyellow;}.tdrop-yellow{text-shadow: .2ch .2ch 0yellow;}.tglow-yellow1{text-shadow: 0 0 .5chyellow;}.tglow-yellow1{text-shadow: .2ch .2ch 0yellow;}.tglow-yellow2{text-shadow: 0 0 .5chyellow;}.tglow-yellow2{text-shadow: .2ch .2ch 0yellow;}.tglow-yellow3{text-shadow: 0 0 .5chyellow;}.tglow-yellow3{text-shadow: .2ch .2ch 0yellow;}.tglow-green{text-shadow: 0 0 .5chgreen;}.tdrop-green{text-shadow: .2ch .2ch 0green;}.tglow-green1{text-shadow: 0 0 .5chgreen;}.tglow-green1{text-shadow: .2ch .2ch 0green;}.tglow-green2{text-shadow: 0 0 .5chgreen;}.tglow-green2{text-shadow: .2ch .2ch 0green;}.tglow-green3{text-shadow: 0 0 .5chgreen;}.tglow-green3{text-shadow: .2ch .2ch 0green;}.tglow-lightblue{text-shadow: 0 0 .5chlightblue;}.tdrop-lightblue{text-shadow: .2ch .2ch 0lightblue;}.tglow-lightblue1{text-shadow: 0 0 .5chlightblue;}.tglow-lightblue1{text-shadow: .2ch .2ch 0lightblue;}.tglow-lightblue2{text-shadow: 0 0 .5chlightblue;}.tglow-lightblue2{text-shadow: .2ch .2ch 0lightblue;}.tglow-lightblue3{text-shadow: 0 0 .5chlightblue;}.tglow-lightblue3{text-shadow: .2ch .2ch 0lightblue;}.tglow-blue{text-shadow: 0 0 .5chblue;}.tdrop-blue{text-shadow: .2ch .2ch 0blue;}.tglow-blue1{text-shadow: 0 0 .5chblue;}.tglow-blue1{text-shadow: .2ch .2ch 0blue;}.tglow-blue2{text-shadow: 0 0 .5chblue;}.tglow-blue2{text-shadow: .2ch .2ch 0blue;}.tglow-blue3{text-shadow: 0 0 .5chblue;}.tglow-blue3{text-shadow: .2ch .2ch 0blue;}.tglow-purple{text-shadow: 0 0 .5chpurple;}.tdrop-purple{text-shadow: .2ch .2ch 0purple;}.tglow-purple1{text-shadow: 0 0 .5chpurple;}.tglow-purple1{text-shadow: .2ch .2ch 0purple;}.tglow-purple2{text-shadow: 0 0 .5chpurple;}.tglow-purple2{text-shadow: .2ch .2ch 0purple;}.tglow-purple3{text-shadow: 0 0 .5chpurple;}.tglow-purple3{text-shadow: .2ch .2ch 0purple;}.tglow-pink{text-shadow: 0 0 .5chpink;}.tdrop-pink{text-shadow: .2ch .2ch 0pink;}.tglow-pink1{text-shadow: 0 0 .5chpink;}.tglow-pink1{text-shadow: .2ch .2ch 0pink;}.tglow-pink2{text-shadow: 0 0 .5chpink;}.tglow-pink2{text-shadow: .2ch .2ch 0pink;}.tglow-pink3{text-shadow: 0 0 .5chpink;}.tglow-pink3{text-shadow: .2ch .2ch 0pink;}.tglow-gray{text-shadow: 0 0 .5chgray;}.tdrop-gray{text-shadow: .2ch .2ch 0gray;}.tglow-gray1{text-shadow: 0 0 .5chgray;}.tglow-gray1{text-shadow: .2ch .2ch 0gray;}.tglow-gray2{text-shadow: 0 0 .5chgray;}.tglow-gray2{text-shadow: .2ch .2ch 0gray;}.tglow-gray3{text-shadow: 0 0 .5chgray;}.tglow-gray3{text-shadow: .2ch .2ch 0gray;}.tglow-black{text-shadow: 0 0 .5chblack;}.tdrop-black{text-shadow: .2ch .2ch 0black;}.tglow-black1{text-shadow: 0 0 .5chblack;}.tglow-black1{text-shadow: .2ch .2ch 0black;}.tglow-black2{text-shadow: 0 0 .5chblack;}.tglow-black2{text-shadow: .2ch .2ch 0black;}.tglow-black3{text-shadow: 0 0 .5chblack;}.tglow-black3{text-shadow: .2ch .2ch 0black;}.tglow-brown{text-shadow: 0 0 .5chbrown;}.tdrop-brown{text-shadow: .2ch .2ch 0brown;}.tglow-brown1{text-shadow: 0 0 .5chbrown;}.tglow-brown1{text-shadow: .2ch .2ch 0brown;}.tglow-brown2{text-shadow: 0 0 .5chbrown;}.tglow-brown2{text-shadow: .2ch .2ch 0brown;}.tglow-brown3{text-shadow: 0 0 .5chbrown;}.tglow-brown3{text-shadow: .2ch .2ch 0brown;} \ No newline at end of file diff --git a/CSS/hover.css b/CSS/hover.css deleted file mode 100644 index 8d0e9ad..0000000 --- a/CSS/hover.css +++ /dev/null @@ -1,24 +0,0 @@ -/* Transformations */ -.hover-bob:hover { - animation: bob-vertical 2s infinite ease-in-out; -} - -@keyframes bob-vertical { - 0% { - transform: translateY(0); - } - 50% { - transform: translateY(-1vh); - } - 100% { - transform: translateY(0); - } -} - -.hover-float { - transition: transform 150ms ease-in; -} - -.hover-float:hover { - transform: translateY(-1vh); -} diff --git a/CSS/pad.css b/CSS/pad.css deleted file mode 100644 index 7776372..0000000 --- a/CSS/pad.css +++ /dev/null @@ -1 +0,0 @@ -.p-tenth{padding: .1vh;}.pb-tenth{padding-bottom: .1vh;}.pt-tenth{padding-top: .1vh;}.pl-tenth{padding-left: .1vh;}.pr-tenth{padding-right: .1vh;}.m-tenth{margin: .1vh;}.mb-tenth{margin-bottom: .1vh;}.mt-tenth{margin-top: .1vh;}.ml-tenth{margin-left: .1vh;}.mr-tenth{margin-right: .1vh;}.p-fifth{padding: .2vh;}.pb-fifth{padding-bottom: .2vh;}.pt-fifth{padding-top: .2vh;}.pl-fifth{padding-left: .2vh;}.pr-fifth{padding-right: .2vh;}.m-fifth{margin: .2vh;}.mb-fifth{margin-bottom: .2vh;}.mt-fifth{margin-top: .2vh;}.ml-fifth{margin-left: .2vh;}.mr-fifth{margin-right: .2vh;}.p-half{padding: .5vh;}.pb-half{padding-bottom: .5vh;}.pt-half{padding-top: .5vh;}.pl-half{padding-left: .5vh;}.pr-half{padding-right: .5vh;}.m-half{margin: .5vh;}.mb-half{margin-bottom: .5vh;}.mt-half{margin-top: .5vh;}.ml-half{margin-left: .5vh;}.mr-half{margin-right: .5vh;}.p-0{padding: 0vh;}.pb-0{padding-bottom: 0vh;}.pt-0{padding-top: 0vh;}.pl-0{padding-left: 0vh;}.pr-0{padding-right: 0vh;}.m-0{margin: 0vh;}.mb-0{margin-bottom: 0vh;}.mt-0{margin-top: 0vh;}.ml-0{margin-left: 0vh;}.mr-0{margin-right: 0vh;}.p-1{padding: 1vh;}.pb-1{padding-bottom: 1vh;}.pt-1{padding-top: 1vh;}.pl-1{padding-left: 1vh;}.pr-1{padding-right: 1vh;}.m-1{margin: 1vh;}.mb-1{margin-bottom: 1vh;}.mt-1{margin-top: 1vh;}.ml-1{margin-left: 1vh;}.mr-1{margin-right: 1vh;}.p-2{padding: 2vh;}.pb-2{padding-bottom: 2vh;}.pt-2{padding-top: 2vh;}.pl-2{padding-left: 2vh;}.pr-2{padding-right: 2vh;}.m-2{margin: 2vh;}.mb-2{margin-bottom: 2vh;}.mt-2{margin-top: 2vh;}.ml-2{margin-left: 2vh;}.mr-2{margin-right: 2vh;}.p-3{padding: 3vh;}.pb-3{padding-bottom: 3vh;}.pt-3{padding-top: 3vh;}.pl-3{padding-left: 3vh;}.pr-3{padding-right: 3vh;}.m-3{margin: 3vh;}.mb-3{margin-bottom: 3vh;}.mt-3{margin-top: 3vh;}.ml-3{margin-left: 3vh;}.mr-3{margin-right: 3vh;}.p-4{padding: 4vh;}.pb-4{padding-bottom: 4vh;}.pt-4{padding-top: 4vh;}.pl-4{padding-left: 4vh;}.pr-4{padding-right: 4vh;}.m-4{margin: 4vh;}.mb-4{margin-bottom: 4vh;}.mt-4{margin-top: 4vh;}.ml-4{margin-left: 4vh;}.mr-4{margin-right: 4vh;}.p-5{padding: 5vh;}.pb-5{padding-bottom: 5vh;}.pt-5{padding-top: 5vh;}.pl-5{padding-left: 5vh;}.pr-5{padding-right: 5vh;}.m-5{margin: 5vh;}.mb-5{margin-bottom: 5vh;}.mt-5{margin-top: 5vh;}.ml-5{margin-left: 5vh;}.mr-5{margin-right: 5vh;}.p-6{padding: 6vh;}.pb-6{padding-bottom: 6vh;}.pt-6{padding-top: 6vh;}.pl-6{padding-left: 6vh;}.pr-6{padding-right: 6vh;}.m-6{margin: 6vh;}.mb-6{margin-bottom: 6vh;}.mt-6{margin-top: 6vh;}.ml-6{margin-left: 6vh;}.mr-6{margin-right: 6vh;}.p-8{padding: 8vh;}.pb-8{padding-bottom: 8vh;}.pt-8{padding-top: 8vh;}.pl-8{padding-left: 8vh;}.pr-8{padding-right: 8vh;}.m-8{margin: 8vh;}.mb-8{margin-bottom: 8vh;}.mt-8{margin-top: 8vh;}.ml-8{margin-left: 8vh;}.mr-8{margin-right: 8vh;}.p-10{padding: 10vh;}.pb-10{padding-bottom: 10vh;}.pt-10{padding-top: 10vh;}.pl-10{padding-left: 10vh;}.pr-10{padding-right: 10vh;}.m-10{margin: 10vh;}.mb-10{margin-bottom: 10vh;}.mt-10{margin-top: 10vh;}.ml-10{margin-left: 10vh;}.mr-10{margin-right: 10vh;}.p-12{padding: 12vh;}.pb-12{padding-bottom: 12vh;}.pt-12{padding-top: 12vh;}.pl-12{padding-left: 12vh;}.pr-12{padding-right: 12vh;}.m-12{margin: 12vh;}.mb-12{margin-bottom: 12vh;}.mt-12{margin-top: 12vh;}.ml-12{margin-left: 12vh;}.mr-12{margin-right: 12vh;}.p-14{padding: 14vh;}.pb-14{padding-bottom: 14vh;}.pt-14{padding-top: 14vh;}.pl-14{padding-left: 14vh;}.pr-14{padding-right: 14vh;}.m-14{margin: 14vh;}.mb-14{margin-bottom: 14vh;}.mt-14{margin-top: 14vh;}.ml-14{margin-left: 14vh;}.mr-14{margin-right: 14vh;}.p-16{padding: 16vh;}.pb-16{padding-bottom: 16vh;}.pt-16{padding-top: 16vh;}.pl-16{padding-left: 16vh;}.pr-16{padding-right: 16vh;}.m-16{margin: 16vh;}.mb-16{margin-bottom: 16vh;}.mt-16{margin-top: 16vh;}.ml-16{margin-left: 16vh;}.mr-16{margin-right: 16vh;}.p-18{padding: 18vh;}.pb-18{padding-bottom: 18vh;}.pt-18{padding-top: 18vh;}.pl-18{padding-left: 18vh;}.pr-18{padding-right: 18vh;}.m-18{margin: 18vh;}.mb-18{margin-bottom: 18vh;}.mt-18{margin-top: 18vh;}.ml-18{margin-left: 18vh;}.mr-18{margin-right: 18vh;}.p-50{padding: 50vh;}.pb-50{padding-bottom: 50vh;}.pt-50{padding-top: 50vh;}.pl-50{padding-left: 50vh;}.pr-50{padding-right: 50vh;}.m-50{margin: 50vh;}.mb-50{margin-bottom: 50vh;}.mt-50{margin-top: 50vh;}.ml-50{margin-left: 50vh;}.mr-50{margin-right: 50vh;}.p-60{padding: 60vh;}.pb-60{padding-bottom: 60vh;}.pt-60{padding-top: 60vh;}.pl-60{padding-left: 60vh;}.pr-60{padding-right: 60vh;}.m-60{margin: 60vh;}.mb-60{margin-bottom: 60vh;}.mt-60{margin-top: 60vh;}.ml-60{margin-left: 60vh;}.mr-60{margin-right: 60vh;}.p-70{padding: 70vh;}.pb-70{padding-bottom: 70vh;}.pt-70{padding-top: 70vh;}.pl-70{padding-left: 70vh;}.pr-70{padding-right: 70vh;}.m-70{margin: 70vh;}.mb-70{margin-bottom: 70vh;}.mt-70{margin-top: 70vh;}.ml-70{margin-left: 70vh;}.mr-70{margin-right: 70vh;}.p-80{padding: 80vh;}.pb-80{padding-bottom: 80vh;}.pt-80{padding-top: 80vh;}.pl-80{padding-left: 80vh;}.pr-80{padding-right: 80vh;}.m-80{margin: 80vh;}.mb-80{margin-bottom: 80vh;}.mt-80{margin-top: 80vh;}.ml-80{margin-left: 80vh;}.mr-80{margin-right: 80vh;}.p-90{padding: 90vh;}.pb-90{padding-bottom: 90vh;}.pt-90{padding-top: 90vh;}.pl-90{padding-left: 90vh;}.pr-90{padding-right: 90vh;}.m-90{margin: 90vh;}.mb-90{margin-bottom: 90vh;}.mt-90{margin-top: 90vh;}.ml-90{margin-left: 90vh;}.mr-90{margin-right: 90vh;}.p-100{padding: 100vh;}.pb-100{padding-bottom: 100vh;}.pt-100{padding-top: 100vh;}.pl-100{padding-left: 100vh;}.pr-100{padding-right: 100vh;}.m-100{margin: 100vh;}.mb-100{margin-bottom: 100vh;}.mt-100{margin-top: 100vh;}.ml-100{margin-left: 100vh;}.mr-100{margin-right: 100vh;} \ No newline at end of file diff --git a/CSS/super.css b/CSS/super.css deleted file mode 100644 index 1aff4c0..0000000 --- a/CSS/super.css +++ /dev/null @@ -1,9 +0,0 @@ -@import url(./base.css); -@import url(./bgs.css); -@import url(./bigger.css); -@import url(./columns.css); -@import url(./glow-text.css); -@import url(./hover.css); -@import url(./pad.css); -@import url(./textcol.css); -@import url(./utils.css); \ No newline at end of file diff --git a/CSS/textcol.css b/CSS/textcol.css deleted file mode 100644 index b5214b1..0000000 --- a/CSS/textcol.css +++ /dev/null @@ -1 +0,0 @@ -@import url('./base.css');.t-white{color:white;}.t-white * {color:white;}.t-red{color:red;}.t-red * {color: red;}.t-red{color:red;}.t-red * {color: red;}.t-red1{color: var(--red1);}.t-red1 * {color: var(--red1);}.t-red1{text-shadow: var(--red1);}.t-red1 * {color: var(--red1);}.t-red2{color: var(--red2);}.t-red2 * {color: var(--red2);}.t-red2{text-shadow: var(--red2);}.t-red2 * {color: var(--red2);}.t-red3{color: var(--red3);}.t-red3 * {color: var(--red3);}.t-red3{text-shadow: var(--red3);}.t-red3 * {color: var(--red3);}.t-orange{color:orange;}.t-orange * {color: orange;}.t-orange{color:orange;}.t-orange * {color: orange;}.t-orange1{color: var(--orange1);}.t-orange1 * {color: var(--orange1);}.t-orange1{text-shadow: var(--orange1);}.t-orange1 * {color: var(--orange1);}.t-orange2{color: var(--orange2);}.t-orange2 * {color: var(--orange2);}.t-orange2{text-shadow: var(--orange2);}.t-orange2 * {color: var(--orange2);}.t-orange3{color: var(--orange3);}.t-orange3 * {color: var(--orange3);}.t-orange3{text-shadow: var(--orange3);}.t-orange3 * {color: var(--orange3);}.t-yellow{color:yellow;}.t-yellow * {color: yellow;}.t-yellow{color:yellow;}.t-yellow * {color: yellow;}.t-yellow1{color: var(--yellow1);}.t-yellow1 * {color: var(--yellow1);}.t-yellow1{text-shadow: var(--yellow1);}.t-yellow1 * {color: var(--yellow1);}.t-yellow2{color: var(--yellow2);}.t-yellow2 * {color: var(--yellow2);}.t-yellow2{text-shadow: var(--yellow2);}.t-yellow2 * {color: var(--yellow2);}.t-yellow3{color: var(--yellow3);}.t-yellow3 * {color: var(--yellow3);}.t-yellow3{text-shadow: var(--yellow3);}.t-yellow3 * {color: var(--yellow3);}.t-green{color:green;}.t-green * {color: green;}.t-green{color:green;}.t-green * {color: green;}.t-green1{color: var(--green1);}.t-green1 * {color: var(--green1);}.t-green1{text-shadow: var(--green1);}.t-green1 * {color: var(--green1);}.t-green2{color: var(--green2);}.t-green2 * {color: var(--green2);}.t-green2{text-shadow: var(--green2);}.t-green2 * {color: var(--green2);}.t-green3{color: var(--green3);}.t-green3 * {color: var(--green3);}.t-green3{text-shadow: var(--green3);}.t-green3 * {color: var(--green3);}.t-lightblue{color:lightblue;}.t-lightblue * {color: lightblue;}.t-lightblue{color:lightblue;}.t-lightblue * {color: lightblue;}.t-lightblue1{color: var(--lightblue1);}.t-lightblue1 * {color: var(--lightblue1);}.t-lightblue1{text-shadow: var(--lightblue1);}.t-lightblue1 * {color: var(--lightblue1);}.t-lightblue2{color: var(--lightblue2);}.t-lightblue2 * {color: var(--lightblue2);}.t-lightblue2{text-shadow: var(--lightblue2);}.t-lightblue2 * {color: var(--lightblue2);}.t-lightblue3{color: var(--lightblue3);}.t-lightblue3 * {color: var(--lightblue3);}.t-lightblue3{text-shadow: var(--lightblue3);}.t-lightblue3 * {color: var(--lightblue3);}.t-blue{color:blue;}.t-blue * {color: blue;}.t-blue{color:blue;}.t-blue * {color: blue;}.t-blue1{color: var(--blue1);}.t-blue1 * {color: var(--blue1);}.t-blue1{text-shadow: var(--blue1);}.t-blue1 * {color: var(--blue1);}.t-blue2{color: var(--blue2);}.t-blue2 * {color: var(--blue2);}.t-blue2{text-shadow: var(--blue2);}.t-blue2 * {color: var(--blue2);}.t-blue3{color: var(--blue3);}.t-blue3 * {color: var(--blue3);}.t-blue3{text-shadow: var(--blue3);}.t-blue3 * {color: var(--blue3);}.t-purple{color:purple;}.t-purple * {color: purple;}.t-purple{color:purple;}.t-purple * {color: purple;}.t-purple1{color: var(--purple1);}.t-purple1 * {color: var(--purple1);}.t-purple1{text-shadow: var(--purple1);}.t-purple1 * {color: var(--purple1);}.t-purple2{color: var(--purple2);}.t-purple2 * {color: var(--purple2);}.t-purple2{text-shadow: var(--purple2);}.t-purple2 * {color: var(--purple2);}.t-purple3{color: var(--purple3);}.t-purple3 * {color: var(--purple3);}.t-purple3{text-shadow: var(--purple3);}.t-purple3 * {color: var(--purple3);}.t-pink{color:pink;}.t-pink * {color: pink;}.t-pink{color:pink;}.t-pink * {color: pink;}.t-pink1{color: var(--pink1);}.t-pink1 * {color: var(--pink1);}.t-pink1{text-shadow: var(--pink1);}.t-pink1 * {color: var(--pink1);}.t-pink2{color: var(--pink2);}.t-pink2 * {color: var(--pink2);}.t-pink2{text-shadow: var(--pink2);}.t-pink2 * {color: var(--pink2);}.t-pink3{color: var(--pink3);}.t-pink3 * {color: var(--pink3);}.t-pink3{text-shadow: var(--pink3);}.t-pink3 * {color: var(--pink3);}.t-gray{color:gray;}.t-gray * {color: gray;}.t-gray{color:gray;}.t-gray * {color: gray;}.t-gray1{color: var(--gray1);}.t-gray1 * {color: var(--gray1);}.t-gray1{text-shadow: var(--gray1);}.t-gray1 * {color: var(--gray1);}.t-gray2{color: var(--gray2);}.t-gray2 * {color: var(--gray2);}.t-gray2{text-shadow: var(--gray2);}.t-gray2 * {color: var(--gray2);}.t-gray3{color: var(--gray3);}.t-gray3 * {color: var(--gray3);}.t-gray3{text-shadow: var(--gray3);}.t-gray3 * {color: var(--gray3);}.t-black{color:black;}.t-black * {color: black;}.t-black{color:black;}.t-black * {color: black;}.t-black1{color: var(--black1);}.t-black1 * {color: var(--black1);}.t-black1{text-shadow: var(--black1);}.t-black1 * {color: var(--black1);}.t-black2{color: var(--black2);}.t-black2 * {color: var(--black2);}.t-black2{text-shadow: var(--black2);}.t-black2 * {color: var(--black2);}.t-black3{color: var(--black3);}.t-black3 * {color: var(--black3);}.t-black3{text-shadow: var(--black3);}.t-black3 * {color: var(--black3);}.t-brown{color:brown;}.t-brown * {color: brown;}.t-brown{color:brown;}.t-brown * {color: brown;}.t-brown1{color: var(--brown1);}.t-brown1 * {color: var(--brown1);}.t-brown1{text-shadow: var(--brown1);}.t-brown1 * {color: var(--brown1);}.t-brown2{color: var(--brown2);}.t-brown2 * {color: var(--brown2);}.t-brown2{text-shadow: var(--brown2);}.t-brown2 * {color: var(--brown2);}.t-brown3{color: var(--brown3);}.t-brown3 * {color: var(--brown3);}.t-brown3{text-shadow: var(--brown3);}.t-brown3 * {color: var(--brown3);} \ No newline at end of file diff --git a/CSS/utils.css b/CSS/utils.css deleted file mode 100644 index 0d144b7..0000000 --- a/CSS/utils.css +++ /dev/null @@ -1,80 +0,0 @@ -@import url('./base.css'); - -/* Positional */ -.relative { position: relative; } -.fixed { position: fixed; } -.sticky { position: sticky; position: -webkit-sticky; top: 0; } -.absolute { position: absolute; } - -.lfloat { float: left; } -.rfloat { float: right; } -.tfloat { float: top; } -.bfloat { float: bottom; } - -.rounded { border-radius: 3vh; } - -/* Overflows */ -.over-xhide { overflow-x: hidden; } -.over-xshow { overflow-x: auto; } - -/* Flexbox */ -.flex { display: flex; } -.column { flex-direction: column; } -.row { flex-direction: row; } - -.space-around { justify-content: space-around; } -.space-between { justify-content: space-between; } -.space-evenly { justify-content: space-evenly; } - -.items-left { align-items: left; } -.items-right { align-items: right; } -.items-center { align-items: center; } - -.flex-center { - display: flex; - justify-content: center; - align-items: center; -} - -/* Text Utils */ -.t-left { text-align: left; } -.t-right { text-align: right; } -.t-center { text-align: center; } - -.t-left * { text-align: left; } -.t-right * { text-align: right; } -.t-center * { text-align: center; } - -.bold { font-weight: bold; } -.light { font-weight: lighter; } - -.tiny { font-size: xx-small; } -.small { font-size: small; } -.mid { font-size: medium; } -.big { font-size: large; } -.x-big { font-size: xx-large; } - -/* Height and Width */ -.full-height { height: 100vh; } -.full-width { width: 100vw; } - -.half-height { height: 50%; } -.half-width { width: 50%; } - -.left {left: 0;} -.right {right: 0;} -.top {top: 0;} -.bottom {bottom: 0;} - -.center { - left: 0; - right: 0; - top: 0; - bottom: 0; -} - -/* General Helpers */ -.container { - display: flex; - justify-content: center; -} diff --git a/Scripts/bgs.go b/Scripts/bgs.go deleted file mode 100644 index 59a3522..0000000 --- a/Scripts/bgs.go +++ /dev/null @@ -1,48 +0,0 @@ -package main - -import ( - "fmt" - "os" - "strconv" - "strings" -) - -const newline = "" - -func floatToStr(f float64) string { - return strings.ReplaceAll(fmt.Sprintf("%f", f/10), ".", "-") -} - -func genBgs(output string) string { - for _, v := range []string{ - "red", "orange", "yellow", - "green", "lightblue", "blue", - "purple", "pink", "gray", - "black", "brown", - } { - output += newline + ".bg-" + string(v) + "{background-color:" + string(v) + ";}" - for i := 1; i < 4; i++ { - output += newline + ".bg-" + string(v) + strconv.Itoa(i) + "{background-color: var(--" + string(v) + strconv.Itoa(i) + ");}" - } - } - - return output -} - -// WriteFile writes a string to a file. -func WriteFile(output string, filename string) { - err := os.WriteFile(filename, []byte(output), os.ModePerm) - - if err != nil { - fmt.Println(err) - } -} - -func main() { - output := `@import url('./base.css'); -.bg-white{background-color:white;}` - - output = genBgs(output) - - WriteFile(output, "./CSS/bgs.css") -} diff --git a/Scripts/columns.go b/Scripts/columns.go deleted file mode 100644 index 912e0ab..0000000 --- a/Scripts/columns.go +++ /dev/null @@ -1,39 +0,0 @@ -package main - -import ( - "fmt" - "os" - "strconv" - "strings" -) - -const newline = "" - -func floatToStr(f float64) string { - return strings.ReplaceAll(fmt.Sprintf("%f", f/10), ".", "-") -} - -func genColumns(output string) string { - for i := 1; i < 10; i++ { - output += newline + ".columns-" + strconv.Itoa(i) + "{column-count: " + strconv.Itoa(i) + ";}" - } - return output -} - -// WriteFile writes a string to a file. -func WriteFile(output string, filename string) { - err := os.WriteFile(filename, []byte(output), os.ModePerm) - - if err != nil { - fmt.Println(err) - } -} - -func main() { - var output string - - output = genColumns(output) - - WriteFile(output, "./CSS/columns.css") - output = "" -} diff --git a/Scripts/pad_margin.go b/Scripts/pad_margin.go deleted file mode 100644 index de949dc..0000000 --- a/Scripts/pad_margin.go +++ /dev/null @@ -1,104 +0,0 @@ -/* -This script generates the padding and the margins for the -framework. -*/ - -package main - -import ( - "fmt" - "os" - "strconv" - "strings" -) - -const newline = "" // Change to "\n" for formatting, leave empty for smaller file sizes. - -func floatToStr(f float64) string { - return strings.ReplaceAll(fmt.Sprintf("%f", f/10), ".", "-") -} - -func genPadMargin(output string) string { - output += newline + ".p-tenth{padding: .1vh;}" - output += newline + ".pb-tenth{padding-bottom: .1vh;}" - output += newline + ".pt-tenth{padding-top: .1vh;}" - output += newline + ".pl-tenth{padding-left: .1vh;}" - output += newline + ".pr-tenth{padding-right: .1vh;}" - - output += newline + ".m-tenth{margin: .1vh;}" - output += newline + ".mb-tenth{margin-bottom: .1vh;}" - output += newline + ".mt-tenth{margin-top: .1vh;}" - output += newline + ".ml-tenth{margin-left: .1vh;}" - output += newline + ".mr-tenth{margin-right: .1vh;}" - - output += newline + ".p-fifth{padding: .2vh;}" - output += newline + ".pb-fifth{padding-bottom: .2vh;}" - output += newline + ".pt-fifth{padding-top: .2vh;}" - output += newline + ".pl-fifth{padding-left: .2vh;}" - output += newline + ".pr-fifth{padding-right: .2vh;}" - - output += newline + ".m-fifth{margin: .2vh;}" - output += newline + ".mb-fifth{margin-bottom: .2vh;}" - output += newline + ".mt-fifth{margin-top: .2vh;}" - output += newline + ".ml-fifth{margin-left: .2vh;}" - output += newline + ".mr-fifth{margin-right: .2vh;}" - - output += newline + ".p-half{padding: .5vh;}" - output += newline + ".pb-half{padding-bottom: .5vh;}" - output += newline + ".pt-half{padding-top: .5vh;}" - output += newline + ".pl-half{padding-left: .5vh;}" - output += newline + ".pr-half{padding-right: .5vh;}" - - output += newline + ".m-half{margin: .5vh;}" - output += newline + ".mb-half{margin-bottom: .5vh;}" - output += newline + ".mt-half{margin-top: .5vh;}" - output += newline + ".ml-half{margin-left: .5vh;}" - output += newline + ".mr-half{margin-right: .5vh;}" - - for i := 0; i < 6; i++ { - output = _gen(output, i) - } - - for i := 6; i < 20; i = i + 2 { - output = _gen(output, i) - } - - for i := 50; i < 101; i = i + 10 { - output = _gen(output, i) - } - - return output -} - -func _gen(output string, i int) string { - output += newline + ".p-" + strconv.Itoa(i) + "{padding: " + strconv.Itoa(i) + "vh;}" - output += newline + ".pb-" + strconv.Itoa(i) + "{padding-bottom: " + strconv.Itoa(i) + "vh;}" - output += newline + ".pt-" + strconv.Itoa(i) + "{padding-top: " + strconv.Itoa(i) + "vh;}" - output += newline + ".pl-" + strconv.Itoa(i) + "{padding-left: " + strconv.Itoa(i) + "vh;}" - output += newline + ".pr-" + strconv.Itoa(i) + "{padding-right: " + strconv.Itoa(i) + "vh;}" - - output += newline + ".m-" + strconv.Itoa(i) + "{margin: " + strconv.Itoa(i) + "vh;}" - output += newline + ".mb-" + strconv.Itoa(i) + "{margin-bottom: " + strconv.Itoa(i) + "vh;}" - output += newline + ".mt-" + strconv.Itoa(i) + "{margin-top: " + strconv.Itoa(i) + "vh;}" - output += newline + ".ml-" + strconv.Itoa(i) + "{margin-left: " + strconv.Itoa(i) + "vh;}" - output += newline + ".mr-" + strconv.Itoa(i) + "{margin-right: " + strconv.Itoa(i) + "vh;}" - return output -} - -// WriteFile writes a string to a file. -func WriteFile(output string, filename string) { - err := os.WriteFile(filename, []byte(output), os.ModePerm) - - if err != nil { - fmt.Println(err) - } -} - -func main() { - var output string - - output = genPadMargin(output) - - WriteFile(output, "./CSS/pad.css") - output = "" -} diff --git a/Scripts/text.go b/Scripts/text.go deleted file mode 100644 index b30d7c9..0000000 --- a/Scripts/text.go +++ /dev/null @@ -1,50 +0,0 @@ -package main - -import ( - "fmt" - "os" - "strconv" - "strings" -) - -const newline = "" - -func floatToStr(f float64) string { - return strings.ReplaceAll(fmt.Sprintf("%f", f/10), ".", "-") -} - -func genBgs(output string) string { - for _, v := range []string{ - "red", "orange", "yellow", - "green", "lightblue", "blue", - "purple", "pink", "gray", - "black", "brown", - } { - output += newline + ".t-" + string(v) + "{color:" + string(v) + ";}.t-" + string(v) + " * {color: " + string(v) + ";}" - output += newline + ".t-" + string(v) + "{color:" + string(v) + ";}.t-" + string(v) + " * {color: " + string(v) + ";}" - for i := 1; i < 4; i++ { - output += newline + ".t-" + string(v) + strconv.Itoa(i) + "{color: var(--" + string(v) + strconv.Itoa(i) + ");}.t-" + string(v) + strconv.Itoa(i) + " * {color: var(--" + string(v) + strconv.Itoa(i) + ");}" - output += newline + ".t-" + string(v) + strconv.Itoa(i) + "{text-shadow: var(--" + string(v) + strconv.Itoa(i) + ");}.t-" + string(v) + strconv.Itoa(i) + " * {color: var(--" + string(v) + strconv.Itoa(i) + ");}" - } - } - - return output -} - -// WriteFile writes a string to a file. -func WriteFile(output string, filename string) { - err := os.WriteFile(filename, []byte(output), os.ModePerm) - - if err != nil { - fmt.Println(err) - } -} - -func main() { - output := `@import url('./base.css'); -.t-white{color:white;}.t-white * {color:white;}` - - output = genBgs(output) - - WriteFile(output, "./CSS/textcol.css") -} diff --git a/Scripts/text_shadow.go b/Scripts/text_shadow.go deleted file mode 100644 index 7045c50..0000000 --- a/Scripts/text_shadow.go +++ /dev/null @@ -1,50 +0,0 @@ -package main - -import ( - "fmt" - "os" - "strconv" - "strings" -) - -const newline = "" - -func floatToStr(f float64) string { - return strings.ReplaceAll(fmt.Sprintf("%f", f/10), ".", "-") -} - -func genGlows(output string) string { - for _, v := range []string{ - "red", "orange", "yellow", - "green", "lightblue", "blue", - "purple", "pink", "gray", - "black", "brown", - } { - output += newline + ".tglow-" + string(v) + "{text-shadow: 0 0 .5ch" + string(v) + ";}" - output += newline + ".tdrop-" + string(v) + "{text-shadow: .2ch .2ch 0" + string(v) + ";}" - for i := 1; i < 4; i++ { - output += newline + ".tglow-" + string(v) + strconv.Itoa(i) + "{text-shadow: 0 0 .5ch" + string(v) + ";}" - output += newline + ".tglow-" + string(v) + strconv.Itoa(i) + "{text-shadow: .2ch .2ch 0" + string(v) + ";}" - } - } - - return output -} - -// WriteFile writes a string to a file. -func WriteFile(output string, filename string) { - err := os.WriteFile(filename, []byte(output), os.ModePerm) - - if err != nil { - fmt.Println(err) - } -} - -func main() { - output := `@import url('./base.css'); -.tglow-white{text-shadow: 0 0 .5ch white;}.tdrop-white{text-shadow: .2ch .2ch 0 white;}` - - output = genGlows(output) - - WriteFile(output, "./CSS/glow-text.css") -} diff --git a/pages/docs/index.html b/pages/docs/index.html deleted file mode 100644 index 999647c..0000000 --- a/pages/docs/index.html +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - - - - - superCSS Examples - - - -
- -
- -
-

Documentation

-

- superCSS is a vast library with many standards and styles, - you can now find all of the official documentation here!

-
- -
- Text - Backgrounds - Shadows - - -
- - - - \ No newline at end of file diff --git a/pages/examples/business/index.html b/pages/examples/business/index.html deleted file mode 100644 index a1081dc..0000000 --- a/pages/examples/business/index.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - - - - - superCSS Examples - - - - -
- business image from unsplash.com -

Your Business

-

Standing out with superCSS

-
- -
-

- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore sint facilis non eveniet accusantium officia - dicta, eum assumenda quaerat similique voluptas, aspernatur ipsum et. Expedita, praesentium aut eaque minus non - ab vero quibusdam, cupiditate nulla id natus asperiores inventore dolores quasi nihil nam minima, corporis - architecto obcaecati optio odio. Cumque, rem voluptatibus natus architecto iste at officiis similique laboriosam - fuga? Dolores veniam labore eligendi expedita atque, deserunt quia eius, numquam, dolor quis est dolorem - architecto deleniti ut delectus ab cupiditate illum vel! Consequuntur doloremque exercitationem eligendi modi - blanditiis cupiditate labore ea, sint iste nobis? Iusto ipsum distinctio alias est quod? -

-
-
- - - \ No newline at end of file diff --git a/pages/examples/dashboard/index.html b/pages/examples/dashboard/index.html deleted file mode 100644 index 3a36a97..0000000 --- a/pages/examples/dashboard/index.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - superCSS Examples - - - - - - - \ No newline at end of file diff --git a/pages/examples/gallery/index.html b/pages/examples/gallery/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/pages/examples/index.html b/pages/examples/index.html deleted file mode 100644 index cd59b59..0000000 --- a/pages/examples/index.html +++ /dev/null @@ -1,73 +0,0 @@ - - - - - - - - - - - superCSS Examples - - - -
- -
- -
- -
- -
-
-

Lorem Ipsum

-

A simple web page based around some images from Lorem Picsum and with placeholder Lorem Ipsum text. -

-
-
- - - -
-
-

Photo Gallery

-

A beautiful image gallery built with superCSS.

-
-
- -
- - - -
- -
-
-

Business

-

A stylish business site, built entirely with superCSS.

-
-
- - - -
-
-

Dashboard

-

An elegent dashboard for many varied purposes.

-
-
- -
- -
- - - - \ No newline at end of file diff --git a/pages/examples/lorem/index.html b/pages/examples/lorem/index.html deleted file mode 100644 index 6caa762..0000000 --- a/pages/examples/lorem/index.html +++ /dev/null @@ -1,119 +0,0 @@ - - - - - - - - - - - superCSS Examples - - - - random unsplash image - - -
- -
- -
-
-
-

Harum quasi tempora, delectus optio libero nihil cumque dolores adipisci debitis - deleniti, ipsam, - repellat possimus sint non autem sed. Vitae, nihil. Temporibus ducimus, quas doloribus earum dolores - sapiente fuga dolorum neque aperiam sint illum hic consectetur commodi accusamus obcaecati eum, - blanditiis dolore quisquam qui veritatis animi pariatur? Modi, incidunt nisi ullam saepe doloribus - rerum - ducimus rem? Necessitatibus at obcaecati dolores asperiores consequuntur minus. Impedit, libero - inventore fuga excepturi error velit quibusdam molestiae dolores aut reprehenderit ipsam nisi - maiores - maxime exercitationem autem cumque? At eveniet magni quod exercitationem impedit repellat quisquam - minima perferendis sunt neque aut ad, nulla nesciunt et? Cupiditate, dolorem, libero alias corporis - laudantium sed ducimus hic atque doloribus, beatae dicta optio dolore eveniet id quae commodi a! - Aperiam - similique consequuntur quod impedit, cumque ut error omnis reiciendis unde amet corporis cum eius - vero - repudiandae dolorum? Optio neque corrupti ad. Ducimus a eum necessitatibus repellendus voluptas - dignissimos voluptatem est ipsum similique cum, aliquam quo totam, saepe id? Cumque autem sit - tempora - laborum illo nisi, nesciunt saepe sequi voluptatibus beatae alias consequatur, qui mollitia - dignissimos - ducimus voluptates sapiente facilis id. Ullam, provident a quod quos et illo nihil minima veniam, - natus - porro labore eaque culpa quisquam libero officia repudiandae atque?

- -
-
-
- -

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Omnis, sapiente. Sapiente - consequuntur voluptates commodi laboriosam. Accusantium repudiandae vero nisi ratione labore - cupiditate alias, id eaque explicabo est et facilis non beatae repellat atque inventore obcaecati - quia autem ipsum consequuntur nesciunt voluptatibus dolores in nobis. Doloremque quo dolores quod - rem obcaecati est voluptas, labore nemo nostrum impedit voluptatem sunt sequi magni cum tempore - facilis mollitia ut repellendus debitis accusamus numquam tenetur repellat. Enim doloribus inventore - eaque asperiores molestiae quisquam quas minus doloremque obcaecati! Cumque temporibus repudiandae, - ut impedit hic quod animi maiores commodi? Voluptates expedita exercitationem praesentium numquam - temporibus quia omnis explicabo ducimus ea ratione. Itaque, adipisci. Voluptate neque laborum - consequuntur fugit deleniti sequi at facere illum nobis, nesciunt qui incidunt repudiandae! Expedita - esse placeat ab praesentium illum, asperiores tempora! Quidem corrupti animi, quas quo quos vitae, - voluptatem ad recusandae incidunt deserunt quibusdam laudantium modi, quae nulla expedita? Eos qui - voluptate minus vero placeat error reiciendis incidunt, ad nisi consequatur dolorum nemo unde - molestias. Praesentium quos ipsa sequi architecto maxime rerum quod asperiores ullam eius! Ad - temporibus, natus provident praesentium explicabo dignissimos error iste alias facere asperiores - quasi tempora, ratione quis neque deleniti illo adipisci dicta a eos aut. Placeat, nisi.

-
-
-
-

Velit, culpa doloremque vel quam magni praesentium accusantium inventore non dolorem - assumenda nihil et iste impedit, itaque corporis distinctio explicabo pariatur perspiciatis amet - sequi libero eligendi autem! Aut ut nulla excepturi voluptates libero dignissimos quis, nesciunt - eligendi dicta iste natus, officia reiciendis corrupti incidunt repudiandae. Eligendi laudantium - numquam, et, dolores rem ducimus illum quidem debitis, quisquam accusamus laborum! Voluptatem - exercitationem dolore excepturi quia nostrum aliquam nisi expedita alias vitae consequuntur quaerat - deleniti quasi suscipit tenetur vel voluptas unde rem nesciunt voluptatibus, hic nulla illo ab nihil - aperiam. Dolore delectus praesentium odio nobis, error vero nulla! Porro molestias magni impedit - odio velit culpa eaque beatae necessitatibus architecto. Dolorem excepturi laudantium eius? Unde, - eveniet? Laudantium atque facilis minima alias similique repellendus voluptates tenetur dolores. A - omnis velit quidem commodi maxime quam excepturi, necessitatibus expedita! Eveniet magnam nemo dicta - nobis, voluptate consectetur eum delectus magni possimus quidem sit mollitia harum incidunt - repudiandae commodi debitis minima fugiat consequatur accusantium sint. Possimus, dolor aut - perferendis velit veniam veritatis quibusdam quisquam delectus eligendi aliquam libero consequatur - repellat saepe. Et nostrum est dolore perferendis officiis, omnis at. Laborum illum impedit, cumque - in porro dolores error magnam quaerat nulla vero corrupti ex officiis voluptatem ab ducimus quis - aliquam?

- -
-
-
- -

Minima totam molestiae tempore ad odit rem nesciunt, cupiditate enim ipsa? Error commodi - doloribus minima veritatis nulla eos id repellat quis quasi, dignissimos modi odio, harum eius - voluptate culpa. Necessitatibus, unde repudiandae. Velit neque autem, dolore doloribus omnis dolorum - delectus nihil amet molestias cum provident asperiores modi est placeat tenetur repellat magni - quisquam aperiam voluptatem, iste labore incidunt ullam voluptatibus! Autem voluptate aliquid, - minima mollitia odio voluptates est quisquam, veniam rerum qui molestiae sint dignissimos quasi - inventore doloremque dolorum! Hic ad rem architecto corporis sit, quidem nobis iste libero autem - corrupti enim obcaecati. Commodi, voluptatum esse eligendi distinctio voluptate, nesciunt non vero - ut harum adipisci quos beatae voluptates tempora cupiditate rem minima quam? Reprehenderit - exercitationem earum repellendus, natus corporis eum veniam dolor illum maxime? Qui culpa minima - exercitationem voluptas non? Est iste vel fuga aliquid aperiam reiciendis, alias velit sapiente - repudiandae soluta obcaecati vero laudantium quia unde illum voluptates, excepturi voluptatum - quibusdam minima possimus architecto perferendis nemo. Magnam quaerat maxime laboriosam in omnis - expedita molestias reprehenderit ipsum reiciendis cumque fugit sapiente illum, nisi, eos laudantium - ipsa consequuntur obcaecati laborum quia nihil quod consectetur eveniet perspiciatis? Deserunt ad - facilis animi quibusdam, omnis porro quod nisi, non eius aliquam ut dicta possimus.

-
-
-
- - - - \ No newline at end of file diff --git a/utils/formatter.go b/utils/formatter.go deleted file mode 100644 index b4f4daa..0000000 --- a/utils/formatter.go +++ /dev/null @@ -1,44 +0,0 @@ -package main - -import ( - "log" - "os" - "strings" -) - -// ReadFile returns a string of the read file. -func ReadFile(filepath string) string { - bytes, err := os.ReadFile(filepath) - - if err != nil { - log.Fatal(err) - } - - return string(bytes) -} - -// WriteFile writes data to a file. -func WriteFile(filepath string, input string) { - err := os.WriteFile(filepath, []byte(input), os.ModePerm) - - if err != nil { - log.Fatal(err) - } -} - -func main() { - files := []string{ - "bgs", "columns", - "glow-text", "pad", - "textcol", // base.css, bigger.css, hover.css and utils.css (along with any other ones desinged for readability for human editors) should not be added to this slice. - } - - for _, v := range files { - fileString := ReadFile("css/" + v + ".css") - - // Steps go here... - fileString = strings.ReplaceAll(fileString, "\n", "") - - WriteFile("css/"+v+".css", fileString) - } -} From bcff0770e0d942e66f20d4f2d6725bbf5fa8a94f Mon Sep 17 00:00:00 2001 From: sam-the-programmer Date: Thu, 4 Aug 2022 10:51:07 +0100 Subject: [PATCH 2/2] change to scss --- .gitignore | 3 +- .npmignore | 3 + LICENSE | 2 +- README.md | 36 ----- index.html | 55 -------- package-lock.json | 349 ++++++++++++++++++++++++++++++++++++++++++++++ package.json | 27 ++++ scss/super.scss | 81 +++++++++++ 8 files changed, 463 insertions(+), 93 deletions(-) create mode 100644 .npmignore delete mode 100644 index.html create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 scss/super.scss diff --git a/.gitignore b/.gitignore index adb36c8..bdde09d 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ -*.exe \ No newline at end of file +dist/* +node_modules/* \ No newline at end of file diff --git a/.npmignore b/.npmignore new file mode 100644 index 0000000..1024a7f --- /dev/null +++ b/.npmignore @@ -0,0 +1,3 @@ +.gitignore +.vscode/ +.github/ \ No newline at end of file diff --git a/LICENSE b/LICENSE index 15be6b1..cf26db6 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2021 Password-Classified +Copyright (c) 2022 sam-the-programmer Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 1d9614d..e69de29 100644 --- a/README.md +++ b/README.md @@ -1,36 +0,0 @@ -![superCSS Logo](./svg/logo.svg) - -------- - -
- -- [Accessing the Library...](#accessing-the-library) - - [Production...](#production) - - [Developing...](#developing) - -
-
- -# Accessing the Library... - -## Production... -This is the present file for production, and should be used rather than the developer version, if you do not want the risk of future changes affecting your development. -
-```html - -``` - -
-
- -## Developing... -For development, please use this one, which will give you all of the newly pushed changes minutes after commit. -```html - -``` - -
- -# Documentation... - -Find documentation at [the-super-css-project.github.io](https://the-super-css-project.github.io/pages/docs) diff --git a/index.html b/index.html deleted file mode 100644 index 2aa12f2..0000000 --- a/index.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - superCSS Examples - - - - random unsplash image - - -
- -
- -
-
-

- superCSS is a utility-based CSS framework designed to allow - you to create beautiful-looking, infinitely customisable - without the time overheads of plain CSS. -

-
-
- -
-
-
Our Site
- Home - Examples -
-
-
Our Code
- GitHub - superCSS Source -
-
-
Our Inspirations
- TailwindCSS - Bootstrap -
-
- - - \ No newline at end of file diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..20afe98 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,349 @@ +{ + "name": "supercss", + "version": "1.0.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "supercss", + "version": "1.0.0", + "license": "MIT", + "dependencies": { + "sass": "^1.54.1" + } + }, + "node_modules/anymatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", + "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", + "dependencies": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", + "engines": { + "node": ">=8" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", + "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "funding": [ + { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + ], + "dependencies": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + }, + "engines": { + "node": ">= 8.10.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/immutable": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", + "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==" + }, + "node_modules/is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "dependencies": { + "binary-extensions": "^2.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "dependencies": { + "picomatch": "^2.2.1" + }, + "engines": { + "node": ">=8.10.0" + } + }, + "node_modules/sass": { + "version": "1.54.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.1.tgz", + "integrity": "sha512-GHJJr31Me32RjjUBagyzx8tzjKBUcDwo5239XANIRBq0adDu5iIG0aFO0i/TBb/4I9oyxkEv44nq/kL1DxdDhA==", + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=12.0.0" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + } + }, + "dependencies": { + "anymatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", + "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", + "requires": { + "normalize-path": "^3.0.0", + "picomatch": "^2.0.4" + } + }, + "binary-extensions": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==" + }, + "braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "requires": { + "fill-range": "^7.0.1" + } + }, + "chokidar": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", + "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", + "requires": { + "anymatch": "~3.1.2", + "braces": "~3.0.2", + "fsevents": "~2.3.2", + "glob-parent": "~5.1.2", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.6.0" + } + }, + "fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "optional": true + }, + "glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "requires": { + "is-glob": "^4.0.1" + } + }, + "immutable": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", + "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==" + }, + "is-binary-path": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", + "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", + "requires": { + "binary-extensions": "^2.0.0" + } + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==" + }, + "is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==" + }, + "normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==" + }, + "picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" + }, + "readdirp": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", + "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", + "requires": { + "picomatch": "^2.2.1" + } + }, + "sass": { + "version": "1.54.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.1.tgz", + "integrity": "sha512-GHJJr31Me32RjjUBagyzx8tzjKBUcDwo5239XANIRBq0adDu5iIG0aFO0i/TBb/4I9oyxkEv44nq/kL1DxdDhA==", + "requires": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + } + }, + "source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==" + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "requires": { + "is-number": "^7.0.0" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..fa9dcf9 --- /dev/null +++ b/package.json @@ -0,0 +1,27 @@ +{ + "name": "supercss", + "version": "1.0.0", + "description": "Tailwind-inspired utility CSS framework.", + "scripts": { + "deploy": "sass ./scss/super.scss:dist/output.css --no-source-map -s compressed", + "build": "sass ./scss/super.scss:dist/output.css --no-source-map", + "watch": "sass -w ./scss/super.scss:dist/output.css --no-source-map -s compressed" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/the-supercss-project/supercss.git" + }, + "keywords": [ + "css", + "supercss" + ], + "author": "the-supercss-project", + "license": "MIT", + "bugs": { + "url": "https://github.com/the-supercss-project/supercss/issues" + }, + "homepage": "https://github.com/the-supercss-project/supercss#readme", + "dependencies": { + "sass": "^1.54.1" + } +} diff --git a/scss/super.scss b/scss/super.scss new file mode 100644 index 0000000..78269d2 --- /dev/null +++ b/scss/super.scss @@ -0,0 +1,81 @@ +@use "sass:list"; + +/*----- Variables -----*/ + +$sizes: 0px, 0.5rem, 1rem, 2rem, 4rem, 8rem, 16rem, 32rem, 64rem; + +$border-styles: solid, dotted, dashed, double, groove, ridge, inset, outset; +$border-widths: 0px, 1px, 2px, 4px, 8px, 16px, 32px, 64px; + +$size-names: none, xs, sm, md, lg, xl, 2xl, full; +$base-sizes: 0px, 0.25rem, 0.5rem, 1rem, 2rem, 4rem, 8rem, 100%; + +$shadow-colour: rgba(0, 0, 0, 0.3); + +$font-family: "Yu Gothic UI", "Segoe UI", Oxygen, Ubuntu, "Open Sans", + "Helvetica Neue", sans-serif; + +/*----- Base -----*/ +:root { + font-family: $font-family; + --sc-bg: #fff; + --sc-text: #222; +} + +* { + background-color: --sc-bg; + color: --sc-text; +} + +html, +body { + @extend .m-0; +} + +@media (prefers-color-scheme: dark) { + :root { + --sc-bg: #222; + --sc-text: #fff; + } +} + +/*----- Utilities -----*/ + +// Padding and margins +@for $i from 1 through list.length($sizes) { + .p-#{$i - 1} { + padding: nth($sizes, $i); + } + + .m-#{$i - 1} { + margin: nth($sizes, $i); + } +} + +// Border styles +@each $i in $border-styles { + .b-#{$i} { + border-style: $i; + } +} + +// Border widths +@for $i from 1 to list.length($border-widths) { + .b-#{$i - 1} { + border-width: nth($border-widths, $i); + } +} + +@for $i from 1 through list.length($base-sizes) { + // Rounded corners + .r-#{nth($size-names, $i)} { + border-radius: nth($base-sizes, $i); + } + + // Shadows + .s-#{nth($size-names, $i)} { + box-shadow: 0 0.1rem nth($base-sizes, $i) $shadow-colour; + } +} + +/*----- Components -----*/