0.1.67 • Published 5 years ago

@bernatfortet/global-styles v0.1.67

Weekly downloads
413
License
ISC
Repository
github
Last release
5 years ago

Terminology

  • styleName => referrs to Style Property names width, height, color, fontSize, etc...
  • propKey => Referrs to the JSX property that gets passed down. w, h, sz, fs, bg
  • propKey can return a keyArray like sz => w, h
  • propValues can be of:
    • type number w={200}
    • type string h='auto'
    • type array maxw={200, 500}
    • type object fs={{ sm:200, lg: 400 }}

Thoughts

// size sets width: 200, height 200, // w: overrides width with media queries?

// media queries // start with large in web or start with smallest up to 578? // the most common way of defining responsivness stuff is to start with the samllest size, mobile // but I still want to define web // 2 ways to go about it // w={100} = default / no media query / xlg // w={200, 400} sm, and md sizes // I think overrides are nice // w={200, 400} => first is default, afterwards it starts from the bottom?

/*

given sz:200, w={50} w:100, 200 For that i need is to parse each prop sz is keyArray gives me

{width: 200px } {height: 200px }

NEXT w is value array { width: 50 } { media-query:...: { width:100px }} { media-query:...: { width:200px }} { media-query:...: { maxHeight:100px }} { media-query:...: { maxHeight:200px }}

media queries will be combined, inside objects will merged

*/

0.1.67

5 years ago

0.1.66

6 years ago

0.1.65

6 years ago

0.1.64

6 years ago

0.1.63

6 years ago

0.1.62

6 years ago

0.1.61

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.423

6 years ago

0.0.422

7 years ago

0.0.421

7 years ago

0.0.420

7 years ago

0.0.417

7 years ago

0.0.416

7 years ago

0.0.415

7 years ago

0.0.414

7 years ago

0.0.411

7 years ago

0.0.410

7 years ago

0.0.409

7 years ago

0.0.408

7 years ago

0.0.407

7 years ago

0.0.406

7 years ago

0.0.405

7 years ago

0.0.404

7 years ago

0.0.403

7 years ago

0.0.402

7 years ago

0.0.401

7 years ago

0.0.400

7 years ago

0.0.399

7 years ago

0.0.398

7 years ago

0.0.397

7 years ago

0.0.396

7 years ago

0.0.395

7 years ago

0.0.394

7 years ago

0.0.393

7 years ago

0.0.392

7 years ago

0.0.391

7 years ago

0.0.390

7 years ago

0.0.389

7 years ago

0.0.388

7 years ago

0.0.387

7 years ago

0.0.386

7 years ago

0.0.385

7 years ago

0.0.384

7 years ago

0.0.383

7 years ago

0.0.382

7 years ago

0.0.381

7 years ago

0.0.380

7 years ago

0.0.379

7 years ago

0.0.378

7 years ago

0.0.377

7 years ago

0.0.376

7 years ago

0.0.375

7 years ago

0.0.374

7 years ago

0.0.373

7 years ago

0.0.372

7 years ago

0.0.371

7 years ago

0.0.370

7 years ago

0.0.369

7 years ago

0.0.368

7 years ago

0.0.367

7 years ago

0.0.366

7 years ago

0.0.365

7 years ago

0.0.364

7 years ago

0.0.363

7 years ago

0.0.362

7 years ago

0.0.361

7 years ago

0.0.360

7 years ago

0.0.359

7 years ago

0.0.358

7 years ago

0.0.357

7 years ago

0.0.356

7 years ago

0.0.355

7 years ago

0.0.354

7 years ago

0.0.353

7 years ago

0.0.352

7 years ago

0.0.351

7 years ago

0.0.350

7 years ago

0.0.349

7 years ago

0.0.348

7 years ago

0.0.347

7 years ago

0.0.346

7 years ago

0.0.345

7 years ago

0.0.344

7 years ago

0.0.343

7 years ago

0.0.342

7 years ago

0.0.341

7 years ago

0.0.340

7 years ago

0.0.339

7 years ago

0.0.338

7 years ago

0.0.337

7 years ago

0.0.336

7 years ago

0.0.335

7 years ago

0.0.334

7 years ago

0.0.333

7 years ago

0.0.332

7 years ago

0.0.331

7 years ago

0.0.330

7 years ago

0.0.329

7 years ago

0.0.328

7 years ago

0.0.327

7 years ago

0.0.326

7 years ago

0.0.325

7 years ago

0.0.324

7 years ago

0.0.323

7 years ago

0.0.322

7 years ago

0.0.321

7 years ago

0.0.320

7 years ago

0.0.319

7 years ago

0.0.318

7 years ago

0.0.317

7 years ago

0.0.316

7 years ago

0.0.315

7 years ago

0.0.314

7 years ago

0.0.313

7 years ago

0.0.312

7 years ago

0.0.311

7 years ago

0.0.310

7 years ago

0.0.309

7 years ago

0.0.308

7 years ago

0.0.307

7 years ago

0.0.306

7 years ago

0.0.305

7 years ago

0.0.304

7 years ago

0.0.303

7 years ago

0.0.302

7 years ago

0.0.301

7 years ago

0.0.300

7 years ago

0.0.299

7 years ago

0.0.298

7 years ago

0.0.297

7 years ago

0.0.296

7 years ago

0.0.295

7 years ago

0.0.294

7 years ago

0.0.293

7 years ago

0.0.292

7 years ago

0.0.291

7 years ago

0.0.290

7 years ago

0.0.289

7 years ago

0.0.288

7 years ago

0.0.287

7 years ago

0.0.286

7 years ago

0.0.285

7 years ago

0.0.284

7 years ago

0.0.283

7 years ago

0.0.282

7 years ago

0.0.281

7 years ago

0.0.280

7 years ago

0.0.279

7 years ago

0.0.278

7 years ago

0.0.277

7 years ago

0.0.276

7 years ago

0.0.275

7 years ago

0.0.274

7 years ago

0.0.273

7 years ago

0.0.272

7 years ago

0.0.271

7 years ago

0.0.270

7 years ago

0.0.269

7 years ago

0.0.268

7 years ago

0.0.267

7 years ago

0.0.266

7 years ago

0.0.265

7 years ago

0.0.264

7 years ago

0.0.263

7 years ago

0.0.262

7 years ago

0.0.261

7 years ago

0.0.260

7 years ago

0.0.259

7 years ago

0.0.258

7 years ago

0.0.257

7 years ago

0.0.256

7 years ago

0.0.255

7 years ago

0.0.254

7 years ago

0.0.253

7 years ago

0.0.252

7 years ago

0.0.251

7 years ago

0.0.250

7 years ago

0.0.249

7 years ago

0.0.248

7 years ago

0.0.247

7 years ago

0.0.246

7 years ago

0.0.245

7 years ago

0.0.244

7 years ago

0.0.243

7 years ago

0.0.242

7 years ago

0.0.241

7 years ago

0.0.240

7 years ago

0.0.239

7 years ago

0.0.238

7 years ago

0.0.237

7 years ago

0.0.236

7 years ago

0.0.235

7 years ago

0.0.234

7 years ago

0.0.233

7 years ago

0.0.232

7 years ago

0.0.231

7 years ago

0.0.230

7 years ago

0.0.229

7 years ago

0.0.228

7 years ago

0.0.227

7 years ago

0.0.226

7 years ago

0.0.225

7 years ago

0.0.224

7 years ago

0.0.223

7 years ago

0.0.222

7 years ago

0.0.221

7 years ago

0.0.220

7 years ago

0.0.219

7 years ago

0.0.218

7 years ago

0.0.217

7 years ago

0.0.216

7 years ago

0.0.215

7 years ago

0.0.214

7 years ago

0.0.213

7 years ago

0.0.212

7 years ago

0.0.211

7 years ago

0.0.210

7 years ago

0.0.209

7 years ago

0.0.208

7 years ago

0.0.207

7 years ago

0.0.206

7 years ago

0.0.205

7 years ago

0.0.204

7 years ago

0.0.203

7 years ago

0.0.202

7 years ago

0.0.201

7 years ago

0.0.200

7 years ago

0.0.199

7 years ago

0.0.198

7 years ago

0.0.197

7 years ago

0.0.196

7 years ago

0.0.195

7 years ago

0.0.194

7 years ago

0.0.193

7 years ago

0.0.192

7 years ago

0.0.191

7 years ago

0.0.190

7 years ago

0.0.189

7 years ago

0.0.188

7 years ago

0.0.186

7 years ago

0.0.185

7 years ago

0.0.184

7 years ago

0.0.183

7 years ago

0.0.182

7 years ago

0.0.181

7 years ago

0.0.180

7 years ago

0.0.179

7 years ago

0.0.178

7 years ago

0.0.177

7 years ago

0.0.176

7 years ago

0.0.175

7 years ago

0.0.174

7 years ago

0.0.173

7 years ago

0.0.171

7 years ago

0.0.170

7 years ago

0.0.169

7 years ago

0.0.168

7 years ago

0.0.167

7 years ago

0.0.166

7 years ago

0.0.165

7 years ago

0.0.164

7 years ago

0.0.163

7 years ago

0.0.162

7 years ago

0.0.161

7 years ago

0.0.160

7 years ago

0.0.159

7 years ago

0.0.158

7 years ago

0.0.157

7 years ago

0.0.156

7 years ago

0.0.155

7 years ago

0.0.151

7 years ago

0.0.150

7 years ago

0.0.149

7 years ago

0.0.148

7 years ago

0.0.147

7 years ago

0.0.146

7 years ago

0.0.145

7 years ago

0.0.144

7 years ago

0.0.143

7 years ago

0.0.142

7 years ago

0.0.141

7 years ago

0.0.140

7 years ago

0.0.139

7 years ago

0.0.138

7 years ago

0.0.137

7 years ago

0.0.136

7 years ago

0.0.135

7 years ago

0.0.134

7 years ago

0.0.133

7 years ago

0.0.132

7 years ago

0.0.131

7 years ago

0.0.130

7 years ago

0.0.129

7 years ago

0.0.128

7 years ago

0.0.127

7 years ago

0.0.126

7 years ago

0.0.125

7 years ago

0.0.124

7 years ago

0.0.123

7 years ago

0.0.122

7 years ago

0.0.121

7 years ago

0.0.118

7 years ago

0.0.117

7 years ago

0.0.116

7 years ago

0.0.115

7 years ago

0.0.113

7 years ago

0.0.112

7 years ago

0.0.111

7 years ago

0.0.110

7 years ago

0.0.109

7 years ago

0.0.108

7 years ago

0.0.107

7 years ago

0.0.106

7 years ago

0.0.105

7 years ago

0.0.103

7 years ago

0.0.102

7 years ago

0.0.101

8 years ago

0.0.100

8 years ago

0.0.99

8 years ago

0.0.98

8 years ago

0.0.97

8 years ago

0.0.96

8 years ago

0.0.95

8 years ago

0.0.94

8 years ago

0.0.93

8 years ago

0.0.92

8 years ago

0.0.91

8 years ago

0.0.90

8 years ago

0.0.89

8 years ago

0.0.88

8 years ago

0.0.87

8 years ago

0.0.86

8 years ago

0.0.85

8 years ago

0.0.84

8 years ago

0.0.82

8 years ago

0.0.81

8 years ago

0.0.80

8 years ago

0.0.79

8 years ago

0.0.78

8 years ago

0.0.77

8 years ago

0.0.76

8 years ago

0.0.75

8 years ago

0.0.74

8 years ago

0.0.73

8 years ago

0.0.72

8 years ago

0.0.71

8 years ago

0.0.70

8 years ago

0.0.69

8 years ago

0.0.68

8 years ago

0.0.67

8 years ago

0.0.66

8 years ago

0.0.65

8 years ago

0.0.64

8 years ago

0.0.63

8 years ago

0.0.61

8 years ago

0.0.60

8 years ago

0.0.59

8 years ago

0.0.58

8 years ago

0.0.57

8 years ago

0.0.56

8 years ago

0.0.55

8 years ago

0.0.54

8 years ago

0.0.53

8 years ago

0.0.52

8 years ago

0.0.51

8 years ago

0.0.50

8 years ago

0.0.49

8 years ago

0.0.48

8 years ago

0.0.47

8 years ago

0.0.46

8 years ago

0.0.43

8 years ago

0.0.42

8 years ago

0.0.41

8 years ago

0.0.40

8 years ago

0.0.39

8 years ago

0.0.38

8 years ago

0.0.37

8 years ago

0.0.36

8 years ago

0.0.35

8 years ago

0.0.34

8 years ago

0.0.33

8 years ago

0.0.32

8 years ago

0.0.31

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago