diff options
Diffstat (limited to 'src')
65 files changed, 5500 insertions, 0 deletions
diff --git a/src/fonts/roboto/roboto-latin.woff2 b/src/fonts/roboto/roboto-latin.woff2 Binary files differnew file mode 100644 index 0000000..d4bf378 --- /dev/null +++ b/src/fonts/roboto/roboto-latin.woff2 diff --git a/src/images/icons/master.svg b/src/images/icons/master.svg new file mode 100644 index 0000000..dad6e44 --- /dev/null +++ b/src/images/icons/master.svg @@ -0,0 +1,66 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" y="0px" x="0px"> + <!-- sociales --> + <symbol id="diaspora" viewBox="0 0 100 100"> + <path d="m 28.654452,97.899666 -2.808806,-2.099743 -3.902864,-2.988782 -3.902854,-2.988797 -2.483638,-1.893905 -2.483637,-1.893918 -0.76875,-0.594236 -0.768748,-0.594223 v -0.211456 -0.211453 l 3.252396,-4.702245 3.252377,-4.702252 0.733992,-1.091275 0.733991,-1.091266 2.932325,-4.218529 2.932332,-4.218529 0.354803,-0.537859 0.354809,-0.537857 1.714891,-2.469309 1.714897,-2.469308 V 58.117013 57.849292 L 24.722088,56.218583 19.932214,54.587876 14.72841,52.82762 9.5245984,51.067365 8.3419098,50.625185 7.1592304,50.183005 3.6594009,48.997876 0.15957035,47.812756 0.07978517,47.668847 0,47.52496 0.69459325,45.291625 1.3891865,43.058283 3.1557446,37.350866 4.9223142,31.643446 6.2502081,27.362887 7.5780919,23.082328 h 0.4721079 0.4721181 l 2.0386281,0.717938 2.038639,0.717931 7.450907,2.527293 7.45092,2.527294 4.692845,1.61166 4.692841,1.611669 0.331851,-0.133589 0.331846,-0.133588 0.06088,-16.200187 L 37.672548,0.12858613 49.957182,0.06433769 62.241812,0 l 0.189071,0.31243865 0.18907,0.31244756 0.0036,16.06762079 0.0036,16.067618 h 0.378232 0.378232 l 2.75588,-0.965063 2.755883,-0.965056 5.676886,-1.915258 5.676885,-1.915247 4.967274,-1.705635 4.967262,-1.705636 0.726399,-0.252948 0.726411,-0.25295 0.456276,0.0036 0.45628,0.0036 1.279399,4.15319 1.279409,4.153171 1.34967,4.342607 1.349676,4.342597 1.096381,3.616724 L 100,47.314555 v 0.274899 0.2749 l -0.532205,0.159576 -0.532207,0.159585 -6.623029,2.250808 -6.623025,2.250809 -6.386496,2.202379 -6.386496,2.202378 -0.946145,0.267116 -0.946146,0.267111 -0.292837,0.251804 -0.292827,0.251793 0.513537,0.778576 0.513548,0.778568 1.119717,1.612962 1.119713,1.612963 3.344616,4.838903 3.344614,4.838893 0.343867,0.496301 0.34386,0.496299 1.896212,2.729629 1.896205,2.729638 0.82169,1.240745 0.821683,1.240737 1.068566,1.536995 1.068563,1.536996 -0.536569,0.533683 -0.536577,0.533705 -1.064422,0.772752 -1.064412,0.772759 -0.236533,0.206898 -0.236542,0.206886 -2.6019,1.985971 -2.601908,1.985963 -0.827878,0.601783 -0.82788,0.601794 -2.517398,1.930447 -2.51739,1.930438 -2.016716,1.550923 -2.016717,1.550932 H 68.695973 68.339936 L 67.823832,99.078416 67.307728,98.396012 64.128852,93.805264 60.949961,89.214517 59.973111,87.725627 58.99625,86.236735 58.842466,86.112652 58.6887,85.988581 57.706466,84.49969 56.724231,83.010797 55.411396,81.149688 54.098562,79.28857 53.69453,78.668198 53.290493,78.047834 51.901632,76.062644 50.51276,74.077449 50.189161,73.88238 49.86555,73.687311 l -0.817828,1.194244 -0.817829,1.194245 -1.848947,2.638983 -1.848956,2.638989 -1.064412,1.55371 -1.064419,1.553717 -1.467641,2.128511 -1.467642,2.128509 -0.684927,0.992592 -0.684928,0.9926 -1.998613,2.853701 -1.998603,2.853711 -1.131095,1.672883 -1.131084,1.672886 -0.187714,0.121711 L 31.463208,100 Z" /> + </symbol> + <symbol id="gnusocial" viewBox="0 0 100 100"> + <path d="M 30.369735,89.620773 27.74727,89.241589 24.68772,88.38447 21.628173,87.527352 18.787172,86.134824 15.94617,84.742277 14.69514,83.830567 13.44411,82.918836 11.704872,81.514239 9.965634,80.109645 8.111149,77.645402 6.256663,75.181158 4.471019,71.719563 2.685376,68.257963 1.792119,64.990304 0.898854,61.722632 0.449427,58.06711 0,54.411587 0.02027,51.357246 0.04052,48.30289 0.624247,45.044915 1.207981,41.786955 1.47167,40.725923 1.735348,39.66489 2.407989,37.888546 3.080641,36.112186 4.173434,34.37474 5.266235,32.637277 6.344718,31.553001 7.423189,30.468743 V 29.81029 29.15182 L 6.460342,28.749827 5.497493,28.34782 4.065037,26.477646 2.632583,24.607471 1.930016,22.052293 1.227463,19.497099 1.382733,15.370277 1.537994,11.243465 2.84154,8.813993 4.145096,6.384537 6.708418,3.825234 9.271721,1.2659293 9.644818,1.1144729 10.022791,0.9029247 10.697753,0.5108446 11.466779,0 l 1.14328,0.123905 1.143271,0.1239062 0.155786,0.7645971 0.155772,0.7645973 -1.672915,3.3078614 -1.672934,3.307863 -0.166865,4.387628 -0.166876,4.38761 0.514613,1.157587 0.514611,1.157569 1.130038,0.563501 1.130038,0.563501 h 3.247481 3.247491 l 1.603466,-1.693627 1.603477,-1.693629 0.954681,-0.444412 0.954692,-0.444413 h 2.454368 2.454368 l 1.282134,0.617757 1.282125,0.617774 0.699182,1.259788 0.699193,1.259789 1.028305,-1.410015 1.028306,-1.409999 1.338442,-0.516569 1.338431,-0.516557 2.602894,0.175423 2.602903,0.175438 2.45792,2.165931 2.457921,2.165945 2.961324,-0.197431 2.961326,-0.197419 1.345909,-0.740786 1.345923,-0.740785 0.314447,-3.08494 0.31445,-3.084941 -0.52011,-2.6471 L 57.21554,7.578247 57.096782,7.170992 56.978027,6.76375 55.573573,4.210326 54.169109,1.6568864 54.632272,0.850531 55.095434,0.0441904 h 0.450431 0.450429 l 0.79286,0.3953586 0.79285,0.3953586 2.456499,2.1992074 1.988189,2.190112 0.273193,0.309548 0.195117,0.245918 0.871959,0.872064 0.871979,0.87208 1.586725,3.032654 1.586724,3.032639 -0.198021,4.148573 -0.198023,4.148574 -0.396399,0.583662 -0.318356,0.610941 -0.04596,0.185457 -0.05567,0.194526 -0.594318,1.32354 -0.594314,1.323558 -0.145016,0.227263 -0.08649,0.145454 -0.146352,0.258493 -0.390248,0.522096 -1.749859,1.291343 -1.74989,1.291326 1.527595,1.662843 1.312947,1.562842 0.762163,1.252507 0.547524,1.152523 0.08459,0.109292 0.08283,0.115747 1.141933,1.505828 0.781372,1.730784 0.583611,1.258481 0.583621,1.258467 0.668245,2.390497 0.668255,2.3905 v 0.535642 0.535655 l -6.878983,-0.112208 -6.878992,-0.112195 -1.587947,-2.983664 -1.587934,-2.983659 -1.695131,-1.619407 -1.695129,-1.619422 -1.98139,-1.186 -1.981387,-1.185999 -2.826465,-0.678464 -2.826452,-0.678465 -5.463479,0.249507 -5.463467,0.249487 -1.966851,0.4297 -1.96685,0.429697 -2.294659,1.06979 -1.97042,1.288339 -0.172465,0.181934 -0.151773,0.156198 -0.813875,0.874359 -0.813865,0.874357 -0.606631,2.547746 -1.192007,5.892962 -0.230014,6.530499 0.823653,6.821377 0.782416,2.443481 0.782426,2.443478 0.142727,0.407238 0.142727,0.407259 0.587069,1.323542 0.587076,1.323556 0.11361,0.199265 0.175679,0.173545 0.200059,0.218968 0.193165,0.19326 1.857589,1.673957 1.857576,1.673969 2.638624,1.189266 2.638635,1.18926 2.606298,0.453326 2.606309,0.453307 4.589317,-0.192124 4.589315,-0.192122 2.508682,-0.897536 2.508672,-0.897534 1.752835,-1.666108 1.59673,-1.561566 0.128722,-0.249736 0.06048,-0.336068 0.245139,-1.578679 0.245127,-1.578694 -3.73385,0.2898 -3.73385,0.289801 -0.898572,-0.265728 -0.313197,-0.311182 -0.341469,-0.579861 -0.243906,-0.552589 -0.437445,-0.70715 -0.437438,-0.707172 -1.666605,-4.299831 -1.666595,-4.299846 -0.304444,-0.967093 0.651679,-0.0032 H 55.138487 70 l -0.301999,3.156161 -0.301999,3.156156 -0.613774,2.85072 -0.613787,2.850722 -0.180767,0.610879 -0.180767,0.610861 -0.08806,0.101747 -0.08804,0.101746 -0.109235,0.407243 -0.109223,0.407241 -0.109352,0.203619 -0.109235,0.203637 -0.09243,0.305422 -0.09233,0.305439 -0.308704,0.814496 -0.308706,0.814487 -1.571391,2.984012 -1.57139,2.983998 -3.379491,3.148835 -3.379491,3.148846 -2.570057,1.168022 -2.570075,1.16802 -0.874151,0.346966 -0.874152,0.346982 -2.403931,0.624655 -2.40393,0.624636 -5.900549,0.15503 L 32.992276,90 30.369809,89.620821 Z" /> + </symbol> + <symbol id="libregit" viewBox="0 0 100 100"> + <g transform="translate(0,-1022.5197)"> + <path d="m 26.437634,1121.7817 c 0,-1.847 0.640159,-8.7895 1.591082,-17.2555 0.56685,-5.0465 0.671258,-6.4021 0.61783,-8.0221 -0.09849,-2.986 -0.124113,-3.0265 -5.286132,-8.3483 l -3.620907,-3.7331 -1.225785,-4.2305 c -1.962288,-6.7726 -2.803099,-10.6346 -2.97765,-13.6772 -0.09921,-1.7293 0.10026,-2.774 0.52962,-2.774 0.493158,0 3.340462,2.1018 7.821692,5.7741 4.737972,3.8825 4.437954,3.6695 4.956937,3.5206 0.694729,-0.1991 1.624504,-0.7684 4.043948,-2.476 4.555845,-3.2157 5.531752,-3.743 7.725753,-4.1735 1.755735,-0.3446 5.776753,-0.8946 5.868711,-0.8027 0.14714,0.1471 2.156074,7.52 2.398072,8.8011 0.306805,1.6241 0.218247,2.2189 -0.615134,4.132 -0.808391,1.8556 -0.839145,2.3441 -0.284317,4.5165 l 0.391652,1.5335 -3.291559,5.8189 c -5.296356,9.3628 -5.538228,9.7077 -6.968857,9.9366 -1.110032,0.1776 -1.672363,0.4811 -2.539261,1.3707 -1.029036,1.056 -1.532823,2.1885 -1.606306,3.6109 -0.05113,0.9889 -0.0063,1.2655 0.312244,1.9493 0.526751,1.1291 1.288037,1.9372 2.385458,2.5318 0.881835,0.478 1.044551,0.5142 2.299136,0.5129 1.173202,0 1.45053,-0.054 2.11632,-0.404 1.093495,-0.5747 1.585929,-1.0324 2.090992,-1.9439 0.437567,-0.7895 0.443256,-0.8296 0.452519,-3.1986 0.01,-2.678 0.05914,-2.9009 1.080818,-4.9482 1.583042,-3.1724 5.896438,-10.638 6.83438,-11.8289 l 0.459095,-0.5829 0.281779,0.8078 c 0.582656,1.6703 1.76057,6.6036 1.76057,7.3736 0,0.6845 -0.07764,0.8931 -0.583394,1.5657 -1.499759,1.9952 -1.102083,5.1423 0.884474,6.9995 0.999198,0.9343 1.869608,1.3092 3.054786,1.316 1.284162,0.013 2.273385,-0.4397 3.245653,-1.4673 1.046679,-1.1062 1.535026,-2.2199 1.620497,-3.6957 0.06225,-1.0752 0.03088,-1.2412 -0.397676,-2.1021 -0.591835,-1.1891 -1.451204,-2.1825 -2.476104,-2.8625 -0.781726,-0.5186 -0.820105,-0.5771 -1.272551,-1.941 -0.513624,-1.5482 -1.558339,-5.6312 -1.826152,-7.1372 -0.196169,-1.103 -0.150878,-1.3558 0.484322,-2.7034 0.640237,-1.3581 0.734835,-2.8516 0.27624,-4.3608 -0.279079,-0.9185 -0.45367,-1.2017 -1.18583,-1.9247 -0.472207,-0.4661 -1.092717,-0.9826 -1.378921,-1.1475 -0.674078,-0.3885 -1.083731,-1.2268 -1.732232,-3.5444 -0.618699,-2.2111 -1.413375,-6.0139 -1.413375,-6.7632 0,-0.5105 0.03825,-0.552 0.712569,-0.7748 1.303102,-0.4306 13.579476,-3.4175 16.314093,-3.9694 0.825081,-0.1665 1.871432,-0.3432 2.325227,-0.3927 1.989495,-0.2168 1.997608,-0.239 0.225021,-0.6155 -2.044048,-0.4341 -2.81451,-0.7209 -3.461462,-1.2886 -0.964344,-0.8464 -0.861346,-2.0195 0.476372,-5.4267 0.449769,-1.1456 0.799103,-2.101 0.776312,-2.1232 -0.02275,-0.023 -0.75026,0.5676 -1.616594,1.3107 -3.519993,3.0192 -4.365039,3.4718 -6.45063,3.4547 -0.701318,0 -1.781424,-0.12 -2.400234,-0.2529 -2.657872,-0.5726 -7.267585,-2.3741 -8.522345,-3.3308 -0.282803,-0.2156 -0.643951,-0.6852 -0.802528,-1.0436 -0.326145,-0.737 -0.563331,-2.9216 -0.571044,-5.2599 l -0.005,-1.5306 1.0126,-0.2977 c 25.66093,-7.5458 25.272305,-7.449 27.106272,-6.7563 1.375346,0.5195 2.181137,1.416 2.622606,2.9178 0.418727,1.4243 1.572202,5.0272 4.049345,12.6481 1.001273,3.0804 2.393984,7.4589 3.094915,9.7296 l 1.274412,4.1289 -1.467406,1.5164 c -10.073747,10.4096 -21.124626,22.077 -21.160402,22.3408 -0.07102,0.524 2.824624,30.1674 3.059372,31.319 l 0.08401,0.4124 H 47.226582 26.437634 Z m 0.797408,-52.1839 c -2.249565,-1.5148 -8.179872,-6.8031 -12.072906,-10.7653 -2.617018,-2.6638 -2.882983,-3.1058 -2.54551,-4.2317 0.73565,-2.4542 6.201416,-7.6537 8.045733,-7.6537 0.599055,0 1.051895,0.3814 2.389362,2.0121 2.178122,2.656 9.993013,13.5326 11.60292,16.149 0.560305,0.9106 0.375462,1.6026 -0.683391,2.5589 -1.377346,1.2436 -4.177068,2.8215 -5.006808,2.8215 -0.248476,0 -0.921916,-0.3469 -1.7294,-0.8908 z m 10.078659,-5.4306 c -0.901288,-0.494 -2.727942,-2.6099 -5.869823,-6.7989 -5.193772,-6.9247 -8.08137,-11.527 -8.267355,-13.1762 -0.06176,-0.5476 -0.0017,-0.8064 0.310901,-1.3395 0.504508,-0.8605 2.382767,-2.6161 4.161878,-3.8904 1.621,-1.1607 4.727369,-2.763 5.618041,-2.8975 0.576807,-0.087 0.636262,-0.056 1.315441,0.6689 0.896375,0.9579 2.610805,3.5732 5.473122,8.3494 4.353375,7.2641 9.183422,15.9247 9.412357,16.8771 l 0.09451,0.3931 -3.199263,0.6158 c -3.895442,0.7496 -7.679337,1.3735 -8.294571,1.3673 -0.250387,0 -0.590257,-0.079 -0.755273,-0.1691 z m 15.585296,-2.9177 c -0.821728,-0.8845 -2.397583,-3.2089 -3.144443,-4.6383 -0.518151,-0.9916 -0.529627,-1.0445 -0.236199,-1.0894 0.656451,-0.1 8.718501,2.2364 10.310195,2.9882 1.579003,0.7456 1.595504,1.2173 0.06625,1.8945 -0.916575,0.4057 -4.322871,1.313 -5.531539,1.4733 l -0.783939,0.1038 z m -8.937047,-14.1654 c -4.203099,-6.3519 -7.323315,-11.6473 -7.323315,-12.4283 0,-1.047 5.104048,-4.2353 9.119041,-5.6963 1.098745,-0.3998 4.212762,-1.1412 4.303282,-1.0247 0.01889,0.024 0.794528,1.6973 1.723794,3.7178 1.967041,4.277 3.433397,7.7454 3.490552,8.2562 0.03825,0.342 -0.140526,0.4194 -3.785218,1.6373 -2.103956,0.703 -4.188171,1.4787 -4.631591,1.7241 -1.218531,0.6741 -1.298764,0.9349 -1.117084,3.6311 0.08226,1.221 0.104263,2.349 0.04901,2.5069 -0.07914,0.2255 -0.470472,-0.2719 -1.828404,-2.3241 z m 13.597028,-9.0213 c -0.979133,-1.639 -3.646806,-6.9703 -4.507791,-9.0087 -0.669715,-1.5854 -0.679416,-1.631 -0.41094,-1.9284 0.87296,-0.9671 7.605818,-3.4954 11.526076,-4.3282 1.579579,-0.3357 2.229555,-0.3633 2.442414,-0.1038 0.787787,0.9594 4.234202,9.1543 4.984573,11.8524 l 0.28333,1.0187 -0.404829,0.1557 c -1.214231,0.4661 -12.466367,3.5797 -12.937376,3.5797 -0.136464,0 -0.549003,-0.5231 -0.975457,-1.237 z"/> + </g> + </symbol> + <symbol id="mastodom" viewBox="0 0 100 100"> + <path d="M 49.999999,0 A 50,50 0 0 0 0,50 50,50 0 0 0 49.999999,100 50,50 0 0 0 100,50 50,50 0 0 0 49.999999,0 Z M 49.746835,27.08861 H 60.506329 C 58.417721,28.5443 57.721519,32.78481 57.721519,35 v 20.25317 c 0,4.43038 -3.481013,7.8481 -7.974684,7.8481 -4.430379,0 -7.974682,-3.48102 -7.974682,-7.9114 V 34.93671 c 0,-4.3038 3.481012,-7.8481 7.974682,-7.8481 z M 22.1519,32.02532 c 4.430378,0 7.974681,3.48101 7.974681,7.8481 v 20.25316 c 0,2.1519 0.632911,6.4557 2.721521,7.8481 H 22.1519 c -4.43038,0 -7.974683,-3.48101 -7.974683,-7.8481 V 39.87342 c 0,-4.43038 3.481012,-7.8481 7.974683,-7.8481 z m 55.063289,0 c 4.43038,0 7.974682,3.48101 7.974682,7.8481 v 20.25316 c 0,4.43038 -3.544304,7.8481 -8.037974,7.8481 H 66.392403 c 2.025316,-1.3924 2.721519,-5.6962 2.721519,-7.8481 V 39.87342 c 0,-4.43038 3.544305,-7.8481 7.974683,-7.8481 z" /> + </symbol> + <symbol id="matrix" viewBox="0 0 100 100"> + <g transform="translate(0,-1022.5197)"> + <path d="m 0,1072.5197 v -50 h 4.6 4.6000001 v 1.1 1.1 h -3.3 H 2.6 v 47.8 47.8 h 3.3000001 3.3 v 1.1 1.1 H 4.6 0 Z m 90.799991,48.9 v -1.1 h 3.3 3.3 v -47.8 -47.8 h -3.3 -3.3 v -1.1 -1.1 h 4.6 4.6 v 50 50 h -4.6 -4.6 z m -67.999996,-48.5 v -17.8 h 4.5 4.5 v 2.418 2.418 l 0.77113,-0.9756 c 3.09473,-3.9151 7.67773,-5.5733 12.63631,-4.5721 3.17111,0.6404 5.27217,2.0413 6.606046,4.4048 l 0.63971,1.1335 0.61052,-0.7633 c 1.69297,-2.1166 4.21758,-3.9572 6.33628,-4.6194 1.53403,-0.4795 5.98141,-0.4602 7.8,0.034 3.2849,0.8925 5.42816,2.5932 6.80041,5.3961 1.35362,2.7649 1.39959,3.3546 1.39959,17.9523 v 12.7738 h -4.68622 -4.68623 l -0.0751,-12.15 c -0.086,-13.9245 -0.0496,-13.6021 -1.72504,-15.2789 -1.07407,-1.0749 -2.0243,-1.4064 -4.03226,-1.4064 -1.95288,0 -2.927,0.3621 -4.11973,1.5311 -1.21572,1.1916 -1.76144,2.4943 -2.06751,4.9352 -0.11991,0.9564 -0.20796,6.0427 -0.20796,12.0138 v 10.3552 h -4.691426 -4.69143 l -0.0586,-12.35 c -0.0582,-12.2743 -0.0613,-12.3568 -0.50808,-13.4603 -0.44845,-1.1076 -1.32138,-2.1208 -2.23053,-2.5888 -0.83135,-0.4279 -2.92247,-0.5874 -4.10323,-0.313 -2.3405,0.5441 -3.91692,2.0396 -4.75613,4.5121 -0.43085,1.2694 -0.44299,1.5698 -0.51538,12.75 l -0.0741,11.45 h -4.68549 -4.68555 z"/> + </g> + </symbol> + <symbol id="mediagoblin" viewBox="0 0 100 100"> + <g transform="translate(0,-270.54165)"> + <path d="m 32.083836,370.36844 c -2.192769,-0.14438 -2.687963,-0.33298 -3.152645,-1.20042 -0.20253,-0.37795 0.117354,-1.64058 1.289526,-5.09299 0.527636,-1.55384 0.949465,-3.21169 1.024534,-4.02644 0.07003,-0.76181 0.266505,-1.96502 0.435987,-2.67379 l 0.308149,-1.28878 -0.509921,-0.41227 c -0.639008,-0.51674 -0.747314,-1.01352 -0.294897,-1.35183 0.414107,-0.30954 0.851343,-2.92116 1.050239,-6.27307 0.246443,-4.15317 0.427015,-4.56219 2.463932,-5.58059 1.372582,-0.68624 1.543956,-1.07588 1.264465,-2.87538 -0.282406,-1.81845 -0.424441,-2.16991 -1.299785,-3.21661 -0.397904,-0.47577 -0.723466,-0.99916 -0.723466,-1.16296 0,-0.16365 -0.112811,-0.25776 -0.250227,-0.20863 -0.350169,0.12472 -1.220098,-0.33865 -2.854568,-1.52088 -0.771239,-0.55786 -1.424747,-1.02675 -1.45223,-1.04198 -0.0265,-0.0151 -0.179815,-1.37114 -0.338812,-3.01308 -0.158993,-1.6419 -0.434473,-3.39057 -0.612396,-3.88588 -0.307389,-0.8558 -0.301334,-0.98634 0.119625,-2.62741 l 0.443256,-1.72691 -0.443331,-0.7166 c -0.495876,-0.80156 -0.367959,-1.33304 0.42251,-1.75566 0.68826,-0.36813 1.267797,0.47425 1.556222,2.26151 0.129845,0.80474 0.409147,2.21239 0.620686,3.12813 0.281269,1.21697 0.328592,1.7692 0.177166,2.05213 -0.210856,0.39372 -0.01894,1.47326 0.446889,2.49083 0.177925,0.39 0.273698,0.42995 0.577077,0.24037 0.72445,-0.45195 1.451815,0.7355 1.065911,1.74014 -0.195338,0.50887 -0.535133,0.36396 -0.430347,-0.18369 0.08328,-0.43472 0.02271,-0.5003 -0.450411,-0.5003 -0.300577,0 -0.783694,-0.1867 -1.074012,-0.41476 -0.290354,-0.22791 -0.527826,-0.31975 -0.527826,-0.20296 0,0.46635 2.103884,3.61977 2.41506,3.61977 0.0901,0 0.114705,-0.30388 0.05414,-0.67499 -0.152561,-0.93853 0.271048,-1.15404 0.847708,-0.43147 0.340324,0.42629 0.701169,0.59898 1.51935,0.72688 1.267608,0.19804 1.696024,0.62267 1.882578,1.86557 0.08328,0.55457 0.344866,1.10291 0.723885,1.51752 0.326324,0.35717 0.549554,0.76354 0.495877,0.90331 -0.469681,1.22275 -0.551905,1.86107 -0.340686,2.64446 0.218797,0.81207 0.999699,1.65384 1.534074,1.65384 0.308901,0 1.209199,1.26206 1.960413,2.74814 0.291099,0.57588 0.762303,1.19958 1.047132,1.38599 l 0.517832,0.33902 -0.414901,0.31483 c -0.393399,0.29859 -0.355464,0.31597 0.732627,0.33638 1.304745,0.0265 2.992022,0.60873 4.282911,1.48271 0.479069,0.32428 1.070682,0.59135 1.314699,0.59335 0.539032,0.004 1.004927,0.73784 0.676868,1.06552 -0.157871,0.15761 -0.497011,0.10092 -1.222068,-0.20485 -1.189019,-0.50184 -1.121634,-0.18293 0.07608,0.36057 0.524723,0.23811 1.291153,0.37682 2.098471,0.37943 1.144991,0.004 1.326397,0.0627 1.819546,0.59021 0.473695,0.50657 0.653888,0.57169 1.33238,0.4817 0.608004,-0.0805 0.892304,-0.0113 1.262988,0.31181 0.263093,0.22866 0.999287,0.56228 1.635986,0.74075 0.718393,0.20107 1.368153,0.54402 1.712566,0.90316 0.716197,0.74683 1.623793,0.77926 2.27999,0.0813 0.530551,-0.56421 1.483425,-0.80606 2.391059,-0.60688 0.722293,0.15836 0.762232,0.35603 0.213127,1.05309 -0.221858,0.28157 -0.375911,0.53975 -0.342613,0.5732 0.03402,0.034 0.462942,-0.0597 0.954348,-0.20712 0.818411,-0.24529 0.891019,-0.32012 0.864555,-0.88611 l -0.03024,-0.61803 0.629887,0.33865 c 0.814662,0.43797 2.961548,0.43117 3.997062,-0.0113 0.741486,-0.31748 0.759465,-0.31597 0.63753,0.068 -0.144227,0.45453 -0.0038,0.48129 0.885527,0.17084 0.394915,-0.13758 0.604297,-0.32504 0.542592,-0.48567 -0.247218,-0.64339 0.920658,-0.93668 3.631676,-0.91208 1.240576,0.0113 2.053306,-0.0601 2.053306,-0.18028 0,-0.10961 0.257045,-0.19881 0.570908,-0.19881 0.591537,0 1.773931,-0.75609 2.621069,-1.6761 0.359622,-0.39039 0.529115,-0.46326 0.645331,-0.27704 0.237732,0.38018 0.881404,-0.10507 0.823521,-0.62087 -0.04052,-0.36132 0.03402,-0.40051 0.549667,-0.29707 1.145222,0.22867 2.201365,-0.51564 2.201365,-1.55161 0,-0.24566 0.05639,-0.39031 0.125669,-0.32163 0.391165,0.39072 2.53075,-1.57561 2.916159,-2.6801 0.111307,-0.31975 0.32897,-0.58065 0.4835,-0.58065 0.169965,0 0.280894,-0.20826 0.280894,-0.52831 0,-0.29064 0.138557,-0.62959 0.308144,-0.75344 0.613606,-0.44826 1.335219,-2.9161 1.439247,-4.92216 0.0579,-1.11451 0.213883,-2.08456 0.377423,-2.3444 0.353196,-0.56119 0.349795,-0.65745 -0.02268,-0.65745 -0.422434,0 -0.373644,-0.27326 0.128692,-0.71943 0.606527,-0.53896 1.36959,-2.25374 1.371899,-3.08293 0.0018,-0.67094 -1.233836,-3.14464 -2.199316,-4.40277 l -0.383935,-0.50029 -1.123531,1.10067 c -0.617926,0.60537 -1.171154,1.3324 -1.229332,1.6156 -0.09842,0.47958 -0.262337,0.54803 -2.391592,0.99851 -2.169983,0.4591 -2.738121,0.77189 -1.950494,1.07384 0.184365,0.0707 0.735053,0.0684 1.223696,-0.004 0.865121,-0.12964 0.884658,-0.12057 0.745647,0.34318 -0.312302,1.04168 -0.67531,1.37684 -1.491222,1.37684 -0.428984,0 -0.814624,0.10394 -0.856985,0.23056 -0.04732,0.14173 -0.614323,-0.0945 -1.468998,-0.61221 -0.765637,-0.46356 -1.647113,-0.89533 -1.958859,-0.9594 -0.311547,-0.0639 -0.671489,-0.28384 -0.799404,-0.48846 -0.127936,-0.20448 -0.38234,-0.37229 -0.565413,-0.37229 -0.183231,0 -0.430612,-0.24756 -0.550053,-0.55033 -0.119243,-0.30274 -0.522602,-0.97153 -0.89586,-1.4863 -0.438107,-0.60416 -0.80319,-1.4555 -1.029833,-2.40152 -0.461314,-1.92548 -0.461314,-1.87483 4.16e-4,-1.80623 0.886173,0.13153 0.978726,0.22375 0.621104,0.61863 -0.317631,0.35074 -0.303987,0.37606 0.273335,0.49111 0.417853,0.0835 0.608042,0.23887 0.608042,0.49694 0,0.9547 0.453777,1.656 1.374545,2.12428 0.511022,0.25965 1.133902,0.65125 1.384129,0.86974 0.834005,0.72809 4.342537,0.8109 5.667003,0.1338 0.728461,-0.37266 3.108544,-2.94353 3.580645,-3.86804 1.092717,-2.13982 1.092448,-7.62811 -7.94e-4,-13.2336 -0.22526,-1.15571 -0.628183,-2.58097 -0.895067,-3.16717 -0.552434,-1.21335 -2.779575,-3.63255 -3.999144,-4.344 -2.056337,-1.19959 -4.118656,-1.08866 -5.899099,0.31748 -1.013816,0.80054 -2.013594,2.23699 -2.013594,2.89296 0,0.20183 -0.145361,0.52717 -0.322545,0.72302 -0.1889,0.20826 -0.387265,0.94492 -0.478688,1.77672 -0.09124,0.83176 -0.289587,1.5682 -0.478688,1.77672 -0.177524,0.19578 -0.324056,0.52913 -0.325568,0.7406 -0.0016,0.21127 -0.09048,0.51957 -0.197215,0.68466 -0.133266,0.20598 -0.195326,-0.27666 -0.197216,-1.53645 -0.0038,-2.28261 0.307011,-4.77585 0.694389,-5.56797 0.161651,-0.33033 0.384125,-0.84876 0.494853,-1.15237 0.263093,-0.72182 1.755272,-1.65725 3.480934,-2.18227 1.06705,-0.32466 1.732707,-0.39707 3.026472,-0.32957 2.588441,0.13569 3.893299,0.91593 5.966296,3.56727 l 0.544969,0.69702 0.694998,-0.73436 c 0.816139,-0.86245 1.217108,-2.0857 0.930465,-2.83881 -0.189656,-0.49818 -1.121142,-1.12977 -1.666342,-1.12977 -0.449654,0 -1.332948,-1.06787 -1.476501,-1.785 -0.08213,-0.40958 -0.277871,-0.70741 -0.504355,-0.76656 -0.203679,-0.0533 -0.370242,-0.25058 -0.370242,-0.43877 0,-0.49254 -0.789977,-1.14546 -1.59124,-1.31516 -0.379355,-0.0801 -0.813977,-0.26986 -0.965819,-0.42183 -0.40029,-0.39991 -3.827429,-0.37569 -4.81119,0.034 -0.40964,0.17046 -1.113535,0.71093 -1.564285,1.20072 -0.995991,1.08231 -1.553232,1.15438 -1.871601,0.24189 -0.185499,-0.53204 -0.171855,-0.68814 0.07646,-0.86959 0.394046,-0.28762 1.102136,-1.8531 1.107816,-2.44868 0.0038,-0.4173 -0.02646,-0.4334 -0.302475,-0.15799 -0.300208,0.29972 -0.640406,0.38381 -2.520602,0.62196 -0.508482,0.0643 -1.094414,0.24529 -1.302091,0.40267 -0.207836,0.15685 -0.683191,0.28838 -1.056638,0.29178 -0.373643,0.003 -0.779115,0.13833 -0.901465,0.3001 -0.184743,0.24378 -1.658432,0.32768 -8.736063,0.4978 -4.682481,0.11225 -8.784062,0.27893 -9.114581,0.37039 -0.411382,0.11377 -0.622238,0.31181 -0.668386,0.62873 -0.06474,0.44534 -0.116221,0.4577 -1.368456,0.32957 -1.368985,-0.13984 -1.414869,-0.0926 -0.706166,0.73183 0.394159,0.4585 0.202544,0.4419 -0.800579,-0.0692 l -0.823252,-0.41957 1.081356,-0.59078 c 1.354222,-0.7398 1.718092,-1.09092 0.881626,-0.85058 -1.277373,0.36699 -3.803274,0.10998 -3.112252,-0.31635 0.233575,-0.144 0.236976,-0.22828 0.0189,-0.48956 -0.38276,-0.4608 -1.96711,-0.41132 -2.716998,0.0847 -0.330481,0.21846 -0.916458,0.39954 -1.302095,0.40188 -3.089238,0.0189 -7.479963,2.42415 -8.009189,4.38754 -0.107135,0.39753 -0.476986,1.10612 -0.821892,1.57463 -0.344866,0.46855 -0.639955,1.0744 -0.655627,1.34634 -0.01894,0.30123 -0.149911,0.49451 -0.339946,0.49459 -0.17111,8e-5 -0.712109,0.24945 -1.201927,0.55431 -2.196593,1.36675 -2.933043,1.39256 -4.452507,0.15609 -1.230735,-1.00154 -2.92021,-2.94542 -3.63917,-4.18715 -0.919787,-1.58857 -2.0976,-6.16664 -1.707381,-6.63636 0.113567,-0.13682 0.386851,-1.6323 0.60687,-3.323 0.450372,-3.46099 0.804363,-4.90118 1.499058,-6.09895 0.478159,-0.82439 2.486797,-3.38668 3.31183,-4.22471 0.529681,-0.53798 3.715565,-1.80692 6.741999,-2.68536 l 2.214007,-0.64263 0.07496,-2.72984 c 0.05981,-2.17727 0.146124,-2.8385 0.427016,-3.26653 0.702417,-1.07097 1.878338,-0.36964 2.454847,1.46464 0.4333,1.37836 0.828857,2.18804 1.319886,2.70164 0.210481,0.21997 0.565227,0.64498 0.788389,0.94402 0.390901,0.52391 3.948453,2.46909 4.149131,2.26858 0.05412,-0.054 -0.05639,-0.33373 -0.245291,-0.62207 -0.188901,-0.28838 -0.313814,-0.55389 -0.277115,-0.59051 0.03787,-0.0378 0.875799,0.24567 1.864745,0.62796 0.988988,0.38196 1.980361,0.64619 2.202994,0.58715 0.222576,-0.059 1.21616,-0.78927 2.207759,-1.62274 2.844273,-2.39062 6.989046,-5.06366 8.648162,-5.57729 0.300964,-0.093 0.548228,-0.0151 0.802317,0.25927 0.349039,0.37418 0.427661,0.37916 1.568223,0.10092 1.772264,-0.43227 7.715349,-0.45532 8.913265,-0.034 0.495802,0.17386 2.118382,0.41922 3.605783,0.54463 1.487397,0.12548 3.831136,0.32353 5.208338,0.44099 1.37724,0.11717 3.264473,0.33487 4.193914,0.48363 6.533825,1.04614 8.591942,6.58232 5.083716,13.67467 -1.108311,2.24058 -2.597073,3.92236 -4.898262,5.53323 -1.451662,1.01624 -1.795697,1.49371 -1.07617,1.49371 0.151067,0 0.303609,0.20258 0.338796,0.45029 0.04165,0.29178 0.22526,0.47312 0.522187,0.51523 0.433942,0.0616 0.455141,0.008 0.400629,-1.00067 -0.07684,-1.42579 0.37629,-1.44423 0.855923,-0.034 0.390523,1.14777 1.849645,4.3256 2.306034,5.02239 l 0.294538,0.44958 2.549905,-1.27344 c 1.402449,-0.70042 2.775297,-1.34014 3.050737,-1.42163 0.275603,-0.0813 0.906462,-0.4018 1.402222,-0.71172 0.495802,-0.3103 1.233614,-0.62446 1.639584,-0.69888 0.405966,-0.0745 0.893173,-0.30652 1.082716,-0.51567 0.399911,-0.44149 1.083816,-0.50756 1.083816,-0.1047 0,0.34696 -0.312302,0.58674 -1.201926,0.92255 -2.03033,0.76652 -8.273842,3.84238 -8.808595,4.33958 -0.05186,0.0484 0.315325,0.46571 0.816517,0.92738 0.501138,0.46167 1.072421,1.08703 1.2695,1.38973 0.197216,0.30236 0.454386,0.55034 0.57174,0.55034 0.117354,0 0.586692,-0.40048 1.043009,-0.89001 0.544519,-0.5842 1.206582,-1.03094 1.926642,-1.30008 1.953896,-0.73032 2.69364,-1.43973 4.521591,-4.33614 0.211616,-0.33562 0.24,-0.29934 0.249487,0.3224 0.0076,0.38521 -0.168076,0.99371 -0.386699,1.35216 -0.587602,0.96276 -2.049219,2.28261 -3.144998,2.8399 -2.219763,1.12895 -2.414303,1.49934 -3.068153,5.84118 -0.226015,1.50082 -0.534526,3.12182 -0.685571,3.60227 l -0.274847,0.87353 -0.0189,-1.73927 c -0.0189,-1.63385 -0.258179,-2.40994 -0.498523,-1.61571 -0.1056,0.34961 -0.522867,3.52509 -0.522867,3.98143 0,0.13796 0.166942,0.19314 0.40063,0.13191 0.520482,-0.13606 0.515826,0.23887 -0.0076,0.60514 -0.377801,0.26419 -0.416606,0.5596 -0.521884,3.96382 -0.144227,4.66688 0.142337,8.60213 0.721877,9.91105 0.232063,0.52418 0.959799,1.6026 1.617168,2.39649 0.657331,0.79392 1.195149,1.49605 1.195149,1.5603 0,0.0643 -0.180207,0.11679 -0.400629,0.11679 -0.309279,0 -0.400667,0.13341 -0.400667,0.58526 0,0.32163 -0.281651,1.28802 -0.625946,2.147 -0.589836,1.47159 -1.368838,4.64934 -1.374628,5.60761 -0.0014,0.23924 0.209348,0.68946 0.46843,1.00059 0.832149,0.99938 0.975284,1.48437 1.115958,3.78085 0.07608,1.23953 0.244913,2.38242 0.375911,2.5398 0.178318,0.2143 1.022452,0.31824 3.375466,0.41545 1.725779,0.0711 3.17184,0.16327 3.213441,0.20485 0.04167,0.0416 0.01134,5.43114 -0.06323,11.97687 l -0.138935,11.90128 -17.729582,0.13266 c -21.446169,0.16063 -47.012622,0.12472 -49.968569,-0.0695 z M 62.84674,353.02811 c -0.132132,-0.34431 -0.661152,-0.35074 -0.661152,-0.008 0,0.41726 0.44988,0.7846 0.621403,0.50733 0.07835,-0.12699 0.09653,-0.35187 0.03976,-0.4992 z m -8.013656,-1.48977 c -0.158626,-0.15837 -0.325946,-0.15988 -0.590932,-0.008 -0.324434,0.18822 -0.297184,0.21543 0.221065,0.22072 0.430952,0.004 0.531083,-0.0537 0.369864,-0.21467 z M 38.72745,341.71455 c -0.140069,-0.26116 -0.281272,-0.35754 -0.326324,-0.22224 -0.04392,0.13115 0.03024,0.44591 0.16732,0.69937 0.140069,0.26116 0.281272,0.35754 0.326324,0.22223 0.04392,-0.13114 -0.03024,-0.44594 -0.16732,-0.6994 z m -1.715598,-7.09799 c -0.134011,-0.56693 -0.319884,-0.81267 -0.720816,-0.95354 -0.777751,-0.27288 -0.875684,-0.0227 -0.272186,0.69222 0.289221,0.34318 0.525744,0.82738 0.525744,1.07577 0,0.63107 0.258557,0.82159 0.470626,0.34696 0.103725,-0.23206 0.102209,-0.71543 -0.0033,-1.1613 z m -7.278834,-14.67821 c -0.250605,-0.46779 -0.600433,-0.69963 -0.600433,-0.39791 0,0.40535 0.416415,1.01318 0.611563,0.89269 0.119625,-0.0741 0.11546,-0.25852 -0.01134,-0.49478 z m 62.661031,-15.6488 c 0.132132,-0.1319 0.240378,-0.40539 0.240378,-0.6074 0,-0.30539 -0.06777,-0.33109 -0.400667,-0.15307 -0.220309,0.11792 -0.40063,0.39114 -0.40063,0.6074 0,0.44712 0.209348,0.50427 0.560912,0.15307 z m -4.441979,-4.46936 c -0.139692,-0.36359 -0.526012,-0.38786 -0.526012,-0.034 0,0.36435 0.475094,0.81755 0.567273,0.54123 0.03938,-0.11754 0.0189,-0.34658 -0.04127,-0.50782 z m -45.481724,-3.89583 c 0.376668,0 0.684737,-0.09 0.684737,-0.19993 0,-0.22073 -1.575185,-0.27477 -2.10377,-0.0722 -0.266494,0.10205 -0.27976,0.16214 -0.06663,0.2982 0.146872,0.0934 0.387227,0.12586 0.533997,0.0722 0.146873,-0.054 0.574919,-0.0979 0.951507,-0.0979 z m -6.166363,-8.89742 c 0.236598,-0.51908 1.566445,-1.30893 2.203597,-1.30893 0.20708,0 0.47907,0.22489 0.604637,0.5003 0.280138,0.61391 0.654871,0.63655 1.157256,0.0699 0.641434,-0.72359 2.789912,-1.57708 4.458073,-1.77097 1.381858,-0.16063 2.834616,-0.52505 2.834616,-0.71104 0,-0.0393 -0.220308,-0.39614 -0.489932,-0.79284 -0.269518,-0.3967 -0.440114,-0.85096 -0.379241,-1.00955 0.155981,-0.4055 -0.451317,-0.36207 -1.484597,0.10659 -0.749699,0.34015 -0.851379,0.34809 -0.851379,0.0676 0,-0.50789 -2.069097,-0.22375 -3.755845,0.51587 -1.825793,0.80054 -2.523214,0.80508 -3.256297,0.0227 -0.341083,-0.36511 -0.681748,-0.55552 -0.866107,-0.48488 -0.757347,0.29027 -1.410324,3.54418 -0.939282,4.6803 0.305498,0.73724 0.469944,0.76222 0.764501,0.11641 z m 19.750262,-2.01343 c 3.492476,-1.34857 3.672105,-1.51276 2.480248,-2.26662 -0.532029,-0.33676 -0.58662,-0.43174 -0.308901,-0.53821 0.572458,-0.21921 1.627051,0.2676 2.870393,1.32605 1.946935,1.65717 2.089461,1.70109 3.837989,1.1825 1.036497,-0.30727 1.741265,-0.40358 2.324245,-0.31672 0.755266,0.11187 1.129246,-0.0189 3.841549,-1.35466 2.939403,-1.44658 3.214655,-1.56113 4.369866,-1.81871 0.385867,-0.0862 0.628183,-0.31068 0.767946,-0.71089 0.287698,-0.82435 0.880418,-0.95875 1.462302,-0.33184 0.570413,0.61489 1.466617,0.80107 3.345827,0.69498 1.335366,-0.0752 1.466916,-0.12511 1.993003,-0.75477 0.743262,-0.8894 0.936857,-1.75359 0.469375,-2.09507 -0.19268,-0.1406 -0.290343,-0.35225 -0.217663,-0.4701 0.137802,-0.22261 -0.276736,-0.74328 -0.71885,-0.90304 -0.203678,-0.0737 -0.204434,-0.17537 -0.0036,-0.51545 0.346015,-0.5853 0.313436,-0.82938 -0.110173,-0.82938 -0.477328,0 -0.840631,0.3832 -0.844301,0.89057 -0.0027,0.37077 -0.02646,0.36245 -0.25251,-0.082 -0.160894,-0.31748 -0.498144,-0.54486 -0.948592,-0.63957 -0.918575,-0.19314 -8.396684,0.15949 -9.10796,0.42992 -0.303987,0.11528 -0.798571,0.47305 -1.099376,0.79476 -0.300964,0.32164 -0.808565,0.63534 -1.128335,0.69694 -1.92346,0.37078 -3.312927,0.79971 -5.135125,1.58525 -2.162561,0.9323 -3.646326,1.32752 -4.983778,1.32752 -0.950713,0 -2.586623,0.73096 -3.80956,1.70215 -0.481643,0.38249 -1.033507,0.69634 -1.226308,0.6974 -0.426183,0.002 -0.43398,-0.085 -0.0587,-0.65745 0.160517,-0.24454 0.226394,-0.55121 0.146117,-0.68084 -0.186255,-0.30048 -1.128184,-0.66101 -1.728769,-0.66101 -0.254778,0 -0.575448,-0.13492 -0.712599,-0.30047 -0.137046,-0.16516 -0.373644,-0.30047 -0.525328,-0.30047 -0.369108,0 -0.35244,0.68825 0.02268,1.00063 0.16543,0.13682 0.300586,0.41824 0.300586,0.62487 0,0.20674 -0.135156,0.37606 -0.300586,0.37606 -0.165429,0 -0.300585,-0.17688 -0.300585,-0.39318 0,-0.21619 -0.174501,-0.48647 -0.387458,-0.60038 -0.536114,-0.28687 -0.614135,-0.26381 -0.614135,0.17915 0,0.24794 -0.160894,0.40917 -0.450715,0.45025 -0.311547,0.0442 -0.43118,0.17802 -0.387379,0.43378 0.03402,0.20334 -0.08062,0.52876 -0.256667,0.72302 -0.403241,0.44516 -0.648661,2.29883 -0.330482,2.49536 0.124913,0.0771 0.457791,-0.0412 0.739933,-0.26268 1.038163,-0.81581 3.587837,-0.70151 4.142463,0.18558 0.338041,0.54093 0.732819,0.49727 2.831173,-0.31332 z m 4.239072,-12.72132 c 0.19457,-0.31408 -0.185877,-0.61837 -0.583358,-0.46609 -0.263471,0.10091 -0.287698,0.19162 -0.10904,0.40682 0.276737,0.33298 0.510754,0.35301 0.692462,0.0593 z m -0.984672,80.5677 c -0.155981,-0.40577 0.05412,-0.90059 0.382537,-0.90059 0.376289,0 0.539028,0.33487 0.390481,0.80228 -0.14914,0.469 -0.608193,0.5274 -0.773018,0.0983 z m 18.627374,-2.27358 c -0.531953,-0.58726 -0.412856,-0.87931 0.295294,-0.72389 0.564619,0.12397 0.60876,0.0979 0.487283,-0.28422 -0.105638,-0.33222 -0.04883,-0.42055 0.268761,-0.42055 0.578173,0 0.709043,0.34432 0.342992,0.90232 -0.499056,0.7609 -1.00784,0.95301 -1.394311,0.52642 z m -24.564552,-0.9431 c 0,-0.18633 0.13629,-0.28838 0.333883,-0.24983 0.502579,0.0971 0.571551,0.565 0.0833,0.565 -0.246085,0 -0.417324,-0.12926 -0.417324,-0.31483 z m 9.172692,-1.82533 c -0.51897,-0.62366 -0.999397,-1.38788 -1.067613,-1.69825 -0.15103,-0.68716 -0.29983,-0.7002 -1.028397,-0.0903 -1.299673,1.08809 -2.132922,1.52723 -2.897874,1.52723 -0.425352,0 -0.773363,-0.0801 -0.773363,-0.17839 0,-0.0979 -0.630984,-0.92474 -1.402222,-1.83697 -0.771238,-0.91219 -1.40226,-1.77747 -1.40226,-1.92287 0,-0.43691 -2.329656,-0.35943 -2.583822,0.0858 -0.185121,0.32429 -0.281272,0.30804 -1.310349,-0.22374 -1.151613,-0.59524 -2.050807,-1.68598 -1.840745,-2.23284 0.14725,-0.38384 0.706657,-0.38052 0.85475,0.004 0.07419,0.19276 0.383444,0.30048 0.865349,0.30048 0.415282,0 1.170355,0.22299 1.691899,0.50033 0.518018,0.27515 0.99194,0.5003 1.053153,0.5003 0.113197,0 -0.02268,-0.68689 -0.26158,-1.30349 -0.08368,-0.2177 0.198349,-0.0888 0.78464,0.35792 1.453178,1.10816 3.179294,1.37386 11.452153,1.76285 6.555292,0.30841 7.125743,0.25247 10.067342,-0.99027 1.300277,-0.54917 3.543697,-1.40145 4.985403,-1.89392 3.114298,-1.06394 4.690434,-1.72128 4.690434,-1.95614 0,-0.0941 0.364158,-0.35716 0.809359,-0.58393 0.445148,-0.22677 0.893668,-0.63398 0.996672,-0.90463 0.102954,-0.27099 0.335017,-0.49214 0.515863,-0.49214 0.180586,0 0.668726,-0.3719 1.084425,-0.82609 0.726908,-0.79442 1.201094,-0.89348 1.201094,-0.25058 0,0.75848 -4.323495,4.47901 -5.204857,4.47901 -0.404794,0 -0.974263,0.63386 -1.49883,1.66839 -0.376668,0.74268 -2.496111,3.35029 -3.177593,3.90936 -0.292611,0.24 -0.471764,0.17083 -1.432511,-0.55374 -1.346951,-1.01598 -2.008069,-1.28901 -2.493118,-1.02966 -0.372132,0.1988 -0.850925,0.84896 -1.076548,1.46143 -0.120756,0.32769 -0.08859,0.33147 0.455746,0.0499 0.643895,-0.33297 1.752316,-0.39473 2.182928,-0.12208 0.21086,0.13342 0.142715,0.23811 -0.291854,0.44723 -0.313814,0.15081 -0.619098,0.49316 -0.683263,0.766 -0.06361,0.27099 -0.292988,0.54134 -0.509237,0.60038 -0.216529,0.059 -0.647527,0.27931 -0.958136,0.48971 -0.540963,0.36624 -0.634011,0.36888 -2.203557,0.0646 -1.489937,-0.28838 -1.698979,-0.28875 -2.302176,-0.003 -0.607248,0.28763 -0.804248,0.28422 -2.325718,-0.034 -1.85657,-0.38922 -2.320911,-0.28044 -3.305775,0.77242 -0.26725,0.28535 -0.537554,0.5181 -0.600963,0.51655 -0.06361,-0.002 -0.539939,-0.51311 -1.058868,-1.13677 z m 5.771635,-1.16239 c 1.130606,-0.49954 1.133294,-0.50283 1.01405,-1.23693 -0.13818,-0.85035 -0.57072,-1.36951 -1.003109,-1.20378 -0.496217,0.19011 -1.990391,2.30695 -1.862817,2.63906 0.16165,0.421 0.542286,0.38022 1.851876,-0.19843 z m -2.793053,-1.0063 c 0.951132,-0.89979 1.113875,-1.14263 0.869593,-1.29774 -0.371754,-0.23622 -4.807713,-0.26116 -4.807713,-0.0264 0,0.23206 2.325684,2.43193 2.571104,2.43193 0.108283,0 0.723503,-0.4981 1.367016,-1.10687 z m -6.248849,-0.24378 c 0.299074,-0.35792 0.715744,-0.65042 0.926301,-0.65042 0.453777,0 0.509313,-0.30879 0.08481,-0.47165 -0.330103,-0.12661 -1.487779,-0.26116 -3.608205,-0.41986 -1.337036,-0.0998 -1.376634,-0.0907 -0.851383,0.19956 0.302853,0.16743 0.550881,0.43256 0.550881,0.58911 0,0.40645 1.794714,1.72963 2.102636,1.55017 0.138179,-0.0805 0.496028,-0.43921 0.794973,-0.79695 z m 13.933803,-0.18898 c 0.842373,-1.32699 0.800352,-1.55051 -0.254778,-1.35605 -0.468241,0.0862 -1.347143,0.21316 -1.953102,0.28233 l -1.101762,0.12548 0.955029,0.94401 c 0.525252,0.51916 1.135717,0.94394 1.356569,0.94394 0.260069,0 0.611641,-0.33071 0.998112,-0.93971 z m 6.386718,-1.55882 c 0.341064,-0.60371 0.620084,-1.18904 0.620084,-1.30077 0,-0.25965 -2.012993,-0.26532 -2.691297,-0.008 -0.282406,0.10734 -0.513818,0.33449 -0.513818,0.5048 0,0.3792 1.586961,2.13502 1.806941,1.99922 0.08708,-0.0537 0.437049,-0.59154 0.77809,-1.19524 z m 0.0189,4.12097 c 0,-0.23018 0.429063,-0.38771 0.751214,-0.27515 0.436709,0.15193 0.270274,0.45414 -0.250242,0.45414 -0.275603,0 -0.500836,-0.0805 -0.500836,-0.17839 z m -25.400715,-6.26533 c -0.32708,-0.32693 -0.302097,-0.56031 0.06021,-0.56031 0.166942,0 0.300586,0.17764 0.300586,0.40021 0,0.46651 -0.03787,0.48306 -0.360378,0.15988 z m 0.525517,-0.86248 c -0.06739,-0.0673 -0.686025,-0.20183 -1.374628,-0.29934 -0.688637,-0.0971 -1.351686,-0.28347 -1.473504,-0.41413 -0.169209,-0.18104 -0.04392,-0.21052 0.529757,-0.12359 0.793042,0.11981 0.952152,-0.0457 0.446433,-0.46526 -0.211993,-0.17537 -0.670011,-0.2143 -1.502428,-0.12737 -0.974297,0.10167 -1.197648,0.0703 -1.197648,-0.16743 0,-0.16101 -0.743266,-0.81245 -1.651693,-1.44786 -2.310087,-1.61567 -2.995583,-2.36304 -3.642807,-3.97149 -0.513668,-1.2765 -0.936596,-3.68776 -0.646847,-3.68776 0.197972,0 0.946552,1.57285 1.275899,2.68074 0.244913,0.82432 0.614555,1.32877 1.952234,2.66514 1.812353,1.81058 3.27984,2.65485 4.616272,2.65576 1.561748,9.8e-4 4.817966,-0.95071 5.590191,-1.63401 0.120378,-0.10658 0.579726,-0.39186 1.020407,-0.63382 1.108425,-0.60855 2.828297,-2.93103 3.096847,-4.18201 0.114709,-0.53409 0.208592,-2.63275 0.208592,-4.6636 0,-2.04261 0.08028,-3.69249 0.179452,-3.69249 0.266494,0 0.478386,5.30612 0.335773,8.40526 -0.06852,1.48596 -0.143849,3.13213 -0.168076,3.65824 -0.03401,0.76033 -0.08973,0.89371 -0.267628,0.65038 -0.384993,-0.52599 -0.589568,-0.34923 -1.269349,1.09852 -0.362645,0.7725 -0.897111,1.58105 -1.187352,1.79671 -0.290343,0.21544 -0.674857,0.53386 -0.854751,0.70704 -0.628712,0.60525 -3.692318,1.51536 -4.015192,1.19286 z m 14.361308,-3.69559 c -0.24,-0.38782 -0.348661,-2.16132 -0.153713,-2.50927 0.173745,-0.31067 0.266872,-0.24075 0.725888,0.5415 0.538007,0.91714 0.619361,1.28817 0.40487,1.8466 -0.134022,0.34885 -0.786383,0.42966 -0.977215,0.12094 z m 6.97629,-1.51684 c -0.155603,-0.40482 0.06399,-1.98916 0.349417,-2.52185 0.200617,-0.37455 0.253266,-0.38498 0.531499,-0.10696 0.408956,0.40857 0.585138,2.24005 0.254022,2.6389 -0.325946,0.39236 -0.982249,0.38654 -1.134617,-0.0113 z M 43.24678,332.33422 c -0.07268,-0.11717 -0.08175,-0.26344 -0.0189,-0.32504 0.164674,-0.16441 0.729826,0.0922 0.729826,0.33222 0,0.27175 -0.540317,0.26608 -0.709383,-0.008 z m 6.022508,-6.38586 c -0.509314,-0.53106 -0.581317,-0.7717 -0.665431,-2.22315 -0.170343,-2.93753 0.63329,-5.11514 2.061145,-5.58592 1.446019,-0.47675 2.177209,0.76267 2.436295,4.12978 0.118489,1.54122 0.09313,1.69829 -0.41865,2.57049 -0.995727,1.69739 -2.408698,2.15641 -3.413359,1.1088 z m 1.662068,-1.75884 c 0.03976,-0.27817 -0.06323,-0.49799 -0.270652,-0.57747 -0.405894,-0.15534 -0.683035,0.23244 -0.544368,0.76233 0.136289,0.5204 0.733609,0.38491 0.814963,-0.18482 z m 0.861032,-3.59932 c 0.268762,-0.69127 0.0076,-1.83174 -0.486561,-2.13173 -0.518894,-0.31407 -1.340026,0.65545 -1.340026,1.58261 0,1.14814 1.426638,1.57704 1.826587,0.54912 z m -10.539594,2.09908 c -0.27069,-0.83804 -0.353953,-7.21289 -0.114331,-8.76212 0.326324,-2.10871 0.710067,-2.78967 1.916272,-3.39847 0.55088,-0.2778 1.523321,-0.93083 2.160931,-1.45066 0.637647,-0.51976 1.506934,-1.12226 1.93179,-1.33879 1.043726,-0.53197 4.804265,-1.30514 5.067706,-1.04197 0.32519,0.32503 0.0189,0.57339 -0.851534,0.68991 -0.967902,0.12964 -3.353851,1.22963 -4.957923,2.28556 -0.631097,0.41544 -1.992436,1.56714 -3.025183,2.55934 l -1.877732,1.80405 0.09388,4.46018 c 0.08784,4.18325 -3.8e-5,5.25702 -0.343748,4.19297 z m -22.802969,-0.73629 c -0.759581,-0.83996 -1.336733,-1.81829 -1.336733,-2.26602 0,-0.47297 -1.040093,-1.26584 -2.918999,-2.22516 -0.999473,-0.51031 -2.079164,-1.2009 -2.399311,-1.53475 -0.52582,-0.5483 -0.592181,-0.77253 -0.686784,-2.32021 l -0.104481,-1.7133 -0.932203,0.8211 c -1.001556,0.88226 -1.3796614,0.99341 -1.7721521,0.52097 -0.137038,-0.16516 -0.4050969,-0.30009 -0.5954367,-0.30009 -0.8051209,0 -4.1300873,-3.01988 -5.7691754,-5.23983 -0.4618429,-0.62547 -1.1068709,-1.2949 -1.43337872,-1.48762 -0.32669709,-0.19276 -0.54823027,-0.42387 -0.49261984,-0.51379 0.05564831,-0.0899 0.71941498,-0.16327 1.47513386,-0.16327 1.6481735,0 2.0077675,-0.11528 2.0077675,-0.6437 0,-0.35225 0.091611,-0.38547 0.751214,-0.27514 1.9600688,0.32692 4.3124015,0.34053 6.9014854,0.0382 3.916807,-0.45676 4.412833,-0.4255 7.21145,0.4549 1.355017,0.42626 2.792636,0.83384 3.194704,0.90588 0.786382,0.1406 1.354638,0.62835 1.053305,0.9038 -0.09994,0.0915 -1.083249,-0.0454 -2.18501,-0.30388 -1.10176,-0.25852 -2.578711,-0.53102 -3.282075,-0.60529 -1.244061,-0.13152 -1.264351,-0.14249 -0.745271,-0.41438 0.293386,-0.15345 0.480544,-0.36511 0.415697,-0.46995 -0.182468,-0.2948 -1.22131,-0.22866 -3.611347,0.23055 -1.569849,0.30161 -3.4039335,0.45793 -6.4610309,0.55034 l -4.2689428,0.12888 0.7270998,1.45088 c 0.4020305,0.80228 0.8572108,1.45093 1.0181743,1.45093 0.1601309,0 0.6722087,0.34771 1.1379884,0.77212 1.0292663,0.9383 1.6219395,1.26504 2.0189353,1.1128 0.1813302,-0.0695 0.3895759,0.0529 0.5275228,0.31068 0.2964129,0.55317 0.7130933,0.42614 2.4484491,-0.74623 l 1.343509,-0.90765 1.260679,0.17159 c 0.693333,0.0945 1.925847,0.17499 2.738843,0.17952 1.315343,0.008 1.511172,-0.042 1.777262,-0.44262 0.419066,-0.63103 1.385566,-0.61496 1.678761,0.0265 0.122653,0.26873 0.71226,0.72858 1.347862,1.05063 0.69708,0.35339 1.157939,0.72393 1.203253,0.96779 0.0405,0.21732 0.211615,0.49606 0.380111,0.61928 0.403696,0.29518 0.21086,1.05195 -0.448707,1.76307 -0.517529,0.5579 -0.597783,0.85221 -0.384049,1.40867 0.0848,0.22072 0.38246,0.31672 0.984899,0.31672 0.509845,0 0.89961,0.10243 0.951965,0.24983 0.06284,0.17726 0.461313,0.0612 1.368872,-0.39897 1.25943,-0.63851 1.28468,-0.64259 1.555048,-0.24983 0.151045,0.21922 0.399039,0.39893 0.55088,0.39893 0.504431,0 0.327076,0.99119 -0.214265,1.19679 -0.269533,0.10243 -0.646921,0.42497 -0.838283,0.71675 -0.339189,0.51715 -0.335784,0.53998 0.139688,0.90505 0.268399,0.20598 0.555309,0.37644 0.637949,0.37897 0.08253,0.002 0.150289,0.17802 0.150289,0.39065 0,0.29405 -0.27332,0.47327 -1.144273,0.7505 -0.911194,0.28989 -1.167971,0.46568 -1.260528,0.8623 -0.215781,0.92395 -2.488879,2.00349 -4.21886,2.00349 -0.60914,0 -0.868984,-0.1406 -1.454729,-0.78856 z m 43.016013,-0.56228 c -0.08859,-0.19238 -0.174878,-1.79112 -0.191546,-3.55223 -0.04278,-4.56809 -0.487018,-5.84515 -2.92585,-8.41009 -1.561903,-1.64266 -2.626943,-2.40854 -3.020607,-2.17217 -0.184743,0.11074 -0.180585,0.062 0.01512,-0.18028 0.245669,-0.30237 0.33615,-0.30539 0.990802,-0.034 0.852516,0.35603 2.044223,1.2299 2.044223,1.4993 0,0.10432 0.169587,0.18973 0.377423,0.18973 0.544977,0 1.779838,1.45565 2.440692,2.87713 0.730657,1.57153 0.984671,3.20742 0.986561,6.35361 0.002,3.33479 -0.23622,4.47221 -0.718011,3.42717 z m 12.747585,-0.63406 c -0.250999,-0.46885 -0.158627,-1.01699 0.171854,-1.01699 0.296806,0 0.467709,0.75167 0.256668,1.12868 -0.168831,0.30123 -0.213127,0.29027 -0.428265,-0.1115 z m 4.839812,-1.33111 c -1.217185,-0.85171 -1.975969,-3.92591 -1.449168,-5.87134 0.454612,-1.67898 1.856536,-2.48466 2.968971,-1.70623 1.168727,0.81781 1.817769,3.94261 1.24406,5.9896 -0.458551,1.63627 -1.686559,2.34184 -2.763863,1.58797 z m 1.646507,-1.74909 c 0.255156,-0.40388 -0.0477,-1.00327 -0.557619,-1.10354 -0.44352,-0.0873 -0.591424,0.37455 -0.335395,1.04719 0.223332,0.5873 0.545011,0.6076 0.893022,0.0563 z m -0.280516,-3.14249 c 0.471458,-0.25171 0.710403,-1.41206 0.407406,-1.97771 -0.474904,-0.88649 -1.413545,-0.30274 -1.413545,0.8795 0,0.51855 0.313436,1.3008 0.521015,1.3008 0.05828,0 0.276736,-0.0911 0.485124,-0.20259 z m -53.815152,3.67767 c -0.666833,-0.64297 -0.723503,-0.7607 -0.400024,-0.83104 0.20745,-0.045 0.595361,0.034 0.862397,0.17764 0.484254,0.25927 0.555726,0.2468 1.94981,-0.33033 0.350925,-0.14514 0.341839,-0.0816 -0.102969,0.72586 -0.662064,1.20226 -1.260415,1.26897 -2.309405,0.25738 z m 9.391538,-9.10802 c 0.199121,-3.28286 1.884662,-7.55856 3.170743,-8.04355 0.350929,-0.13228 0.583131,-0.36586 0.583131,-0.58541 0,-0.26419 0.485355,-0.59013 1.752811,-1.17664 1.719608,-0.79571 1.786989,-0.80943 3.558232,-0.72163 2.597073,0.12851 4.440014,1.03767 5.741429,2.83189 1.029607,1.41936 0.636585,1.34468 -1.903474,-0.36208 -1.399463,-0.94023 -2.074697,-1.16474 -1.865542,-0.62026 0.174878,0.45589 -0.638555,1.08114 -1.870883,1.4377 -0.608118,0.17575 -1.814323,0.63065 -2.680431,1.01034 -0.866104,0.37973 -1.741147,0.64694 -1.944546,0.5938 -0.27598,-0.0722 -0.422815,0.0627 -0.579159,0.5328 -0.115086,0.34621 -0.432392,0.89961 -0.70499,1.22982 -0.40896,0.49542 -0.529417,0.54909 -0.689132,0.30728 -0.156359,-0.23698 -0.234331,-0.18633 -0.4054,0.26305 -0.116598,0.30577 -0.211615,0.8631 -0.211615,1.23776 0,0.49414 -0.07533,0.65223 -0.274076,0.576 -0.315341,-0.12057 -0.518816,0.4656 -0.527372,1.51854 -0.0076,0.88925 -0.401727,1.67656 -0.886814,1.76988 -0.352818,0.0677 -0.369097,-0.0442 -0.262722,-1.79932 z m -20.635255,0.29178 c 0.192687,-0.0503 0.50833,-0.0503 0.70113,0 0.192688,0.0503 0.03405,0.0915 -0.350547,0.0915 -0.385639,0 -0.543385,-0.0412 -0.350547,-0.0915 z m -5.058089,-0.23773 c 0,-0.0967 0.247956,-0.27061 0.55088,-0.38687 1.521583,-0.58273 1.900484,-0.50491 0.80126,0.16441 -0.679174,0.41371 -1.35214,0.5243 -1.35214,0.22224 z m 2.849798,-0.26003 c 0.109784,-0.32882 0.707982,-0.67926 0.875079,-0.51235 0.190416,0.19011 -0.302472,0.74823 -0.661117,0.74823 -0.160887,0 -0.257042,-0.1062 -0.213887,-0.23584 z m 11.86376,-1.39041 c 0.435193,-0.10167 0.938072,-0.31824 1.117547,-0.48023 0.4174,-0.37757 0.795543,-0.37825 0.795543,-0.002 0,0.44554 -0.668612,0.70969 -1.739633,0.68739 l -0.964684,-0.0189 z m 28.216407,-0.48136 c 0.545847,-0.47974 1.140679,-0.65545 1.140679,-0.33714 0,0.20788 -1.090555,0.84537 -1.433153,0.83732 -0.150652,-0.004 -0.02268,-0.22413 0.29261,-0.50033 z m -11.82628,-8.63766 c 0.194948,-0.0506 0.465324,-0.0472 0.600963,0.008 0.135534,0.0548 -0.02268,0.0964 -0.35433,0.0922 -0.330482,-0.004 -0.441513,-0.0488 -0.246425,-0.0998 z" /> + </g> + </symbol> + <symbol id="peertube" viewBox="0 0 100 100"> + <g transform="matrix(3.7795223,0,0,3.7795223,1.7267245e-5,-1022.518)"> + <path d="m 3.3073037,283.77076 c 0,-7.27604 0.014485,-13.22915 0.032195,-13.22915 0.071874,0 19.6910193,13.04697 19.7804443,13.15423 0.02834,0.034 0.03936,0.0934 0.02445,0.13198 -0.02282,0.0593 -19.4357703,12.96455 -19.7343637,13.11896 l -0.1027376,0.0532 z m 9.8796743,6.35081 c 0.03644,-0.13528 0.03575,-12.52652 -4.63e-4,-12.66193 -0.01709,-0.0635 -0.05258,-0.0955 -0.09005,-0.0812 -0.09613,0.0367 -3.4338845,2.2421 -6.6949517,4.4236 -2.931479,1.96101 -2.955251,1.97815 -2.8538183,2.05669 0.2950726,0.22843 6.747702,4.525 9.43998,6.28571 0.151297,0.099 0.167226,0.0971 0.199522,-0.0228 z"/> + </g> + </symbol> + <symbol id="pixelfed" viewBox="0 0 100 100"> + <g transform="matrix(2.0408163,0,0,2.0408163,-1.0204081,-1.0204069)"> + <g> + <path d="M 26.198975,16.165416 C 26.119137,15.671725 25.997071,15.183495 25.832778,14.706495 25.40327,13.457749 24.707155,12.326751 23.768817,11.388212 L 18.820091,6.4384255 C 18.628605,6.2468992 18.425398,6.0651186 18.205958,5.8873902 18.945732,2.7779446 21.749367,0.5 25.005686,0.5 c 3.429843,0 6.357469,2.5271874 6.900166,5.8913433 0.06514,0.4048724 0.09821,0.7640171 0.09821,1.1085317 v 6.999875 c 0,0.878027 -0.168989,1.736963 -0.49248,2.549113 -1.067757,-0.56365 -2.289008,-0.883447 -3.586368,-0.883447 z M 23.8074,31.046185 c -0.223984,1.41741 -0.100236,2.878591 0.371194,4.24732 0.429509,1.248746 1.125623,2.379744 2.063962,3.318283 l 4.949627,4.950686 c 0.191175,0.190661 0.394025,0.371879 0.613359,0.549601 C 31.065962,47.221794 28.262192,49.5 25.005686,49.5 c -3.429897,0 -6.357563,-2.527268 -6.900192,-5.891505 -0.06511,-0.404615 -0.09818,-0.76381 -0.09818,-1.10837 V 35.50025 c 0,-0.0064 9e-6,-0.01282 2.7e-5,-0.01923 l 4.59827,-4.434834 z m 11.33941,-5.168387 c 0.05003,-0.01624 0.09995,-0.03293 0.149739,-0.05009 1.250035,-0.431139 2.3801,-1.126732 3.317571,-2.064404 l 4.948727,-4.949787 c 0.191514,-0.191555 0.373282,-0.394839 0.550998,-0.614365 C 47.222277,18.938379 49.5,21.74313 49.5,25.000437 c 0,3.430633 -2.526727,6.358926 -5.890243,6.901671 -0.404528,0.06512 -0.763646,0.0982 -1.108132,0.0982 h -6.998376 c -1.056748,0 -2.085836,-0.244942 -3.038961,-0.709549 -0.505743,-0.246519 -0.977588,-0.551953 -1.406585,-0.90735 1.934087,-0.862289 3.433975,-2.498464 4.089107,-4.505615 z m -2.164945,-7.815834 c 0.505054,-1.12035 0.77179,-2.325631 0.77179,-3.562214 V 7.499875 c 0,-0.2702157 -0.01523,-0.5419946 -0.04484,-0.8235787 2.721205,-1.6753333 6.314594,-1.3031901 8.616831,0.999495 2.425304,2.4266407 2.70907,6.2839547 0.714311,9.0459157 -0.238057,0.330416 -0.469145,0.60835 -0.714262,0.85352 l -4.948726,4.949786 c -0.548388,0.548506 -1.180179,0.993408 -1.874291,1.328019 0.0027,-0.08208 0.0041,-0.164499 0.0041,-0.247231 0,-2.202519 -0.975177,-4.181514 -2.524922,-5.543837 z m -3.863787,12.892655 c 0.731501,0.784141 1.604938,1.434093 2.579733,1.909246 1.188286,0.579239 2.478846,0.886416 3.805438,0.886416 h 6.998376 c 0.270193,0 0.54195,-0.01524 0.823514,-0.04486 1.675415,2.721432 1.303125,6.315677 -0.999442,8.618738 -2.424892,2.425411 -6.282214,2.709064 -9.044062,0.714318 -0.330212,-0.238011 -0.608087,-0.469149 -0.853203,-0.714318 L 27.479705,37.374373 C 26.733064,36.627572 26.178435,35.72613 25.832696,34.723272 25.42472,33.538775 25.341877,32.266466 25.584207,31.046185 h 2.341007 c 0.405859,0 0.80427,-0.0313 1.192864,-0.09157 z M 18.036109,17.005126 C 16.949856,16.519651 15.750783,16.250594 14.496751,16.250594 H 7.4983754 c -0.2663464,0 -0.5341903,0.01474 -0.8120522,0.04341 C 5.0111787,13.5721 5.3832109,9.9787981 7.6856753,7.6758403 10.110567,5.2504289 13.967889,4.9667757 16.729737,6.9615215 c 0.330213,0.2380116 0.608087,0.4691494 0.853204,0.7143188 l 4.948671,4.9506067 c 0.746683,0.746843 1.301306,1.648266 1.647046,2.651102 0.100386,0.291311 0.181087,0.587963 0.242103,0.887867 h -3.785522 c -0.973366,0 -1.872472,0.312024 -2.59913,0.83971 z m -1.774854,18.2486 c -0.0024,0.08203 -0.0035,0.164205 -0.0035,0.246524 v 6.999875 c 0,0.270216 0.01523,0.541995 0.04484,0.823579 C 13.581331,44.999049 9.9879108,44.626888 7.6856753,42.32416 5.2607836,39.898748 4.9771911,36.0406 6.9715096,33.27816 7.2094701,32.947876 7.4405584,32.669943 7.6856753,32.424773 l 4.9487257,-4.949786 c 0.746641,-0.746801 1.64789,-1.30155 2.650534,-1.647363 0.31995,-0.110247 0.64631,-0.196757 0.97632,-0.259529 z m 0,-11.460596 c -0.523494,0.07929 -1.041261,0.205968 -1.546431,0.380038 -1.250035,0.431139 -2.380101,1.126732 -3.317572,2.064404 L 6.4485257,31.187359 C 6.2539281,31.381998 6.0693935,31.588746 5.8889474,31.812338 2.7803249,31.074168 0.5,28.262233 0.5,25.000437 0.5,21.566274 3.0317905,18.636033 6.4096121,18.09742 6.5515625,18.07324 7.2396907,18.00056 7.4983754,18.00056 h 6.9983756 c 0.803206,0 1.5786,0.13853 2.302175,0.393784 -0.342735,0.612344 -0.537671,1.315631 -0.537671,2.0636 z"/> + </g> + </g> + </symbol> + <symbol id="pump" viewBox="0 0 100 100"> + <g transform="matrix(3.7795276,0,0,3.7795278,1.1204583e-8,-1022.5197)"> + <path d="m 11.453421,296.88197 c -6.7273643,-0.90758 -11.71078234,-6.8359 -11.44313034,-13.61285 0.255026,-6.45734 5.04718804,-11.75096 11.44313034,-12.64056 0.833244,-0.11589 2.715341,-0.11589 3.548585,0 6.09305,0.84747 10.797415,5.75162 11.395625,11.87957 0.42719,4.37607 -1.423007,8.7849 -4.835604,11.52275 -2.88303,2.313 -6.511451,3.33638 -10.108606,2.85109 z m 4.044173,-2.54039 c 4.269537,-1.00647 7.36224,-4.13631 8.32003,-8.41994 0.139023,-0.62176 0.157877,-0.88624 0.157465,-2.20865 -5.16e-4,-1.38553 -0.01442,-1.56071 -0.179984,-2.25347 -0.781704,-3.27098 -2.826264,-5.89675 -5.720403,-7.34656 -1.453123,-0.72794 -2.795081,-1.07634 -4.369638,-1.13444 -1.061213,-0.0392 -2.355814,0.0572 -2.611989,0.19437 -0.263632,0.14119 -0.865217,-0.40945 7.035809,6.43994 2.5976,2.25186 4.714791,4.11744 4.704871,4.14574 -0.0212,0.0605 -1.775069,1.59668 -6.058148,5.30629 -5.68138,4.92071 -5.865624,5.09171 -5.682967,5.27448 0.130665,0.13076 0.925422,0.18696 2.3398,0.16548 1.187046,-0.018 1.58138,-0.0492 2.065154,-0.16324 z m -6.1348573,-2.08212 c 5.7253823,-4.79586 9.7513623,-8.19762 9.8663163,-8.33656 0.06531,-0.0789 0.07679,-0.14933 0.03412,-0.20933 -0.06699,-0.0942 -0.651196,-0.59071 -3.783474,-3.21556 -5.032886,-4.21756 -7.3202583,-6.11754 -7.4032373,-6.1494 -0.221491,-0.0851 -1.366997,0.70852 -2.271413,1.57355 -1.347095,1.28845 -2.250136,2.70097 -2.814453,4.40234 -0.33484,1.00952 -0.474003,1.69432 -0.535942,2.63733 -0.162008,2.46651 0.487947,4.88824 1.845707,6.87712 0.519055,0.76032 1.593843,1.8963 2.341997,2.47533 0.630749,0.48817 1.318024,0.92474 1.455765,0.92474 0.05236,0 0.621434,-0.4408 1.264614,-0.97956 z"/> + </g> + </symbol> + <symbol id="rss" viewBox="0 0 100 100"> + <g transform="translate(0,-1022.5197)"> + <path d="M 46.729055,1120.0697 C 45.5102,1097.4318 28.47451,1078.9995 6.00591,1076.0079 4.84766,1075.8537 3.225,1075.7245 2.4,1075.7209 c -0.825,0 -1.7025,-0.061 -1.95,-0.1273 L 0,1075.473 v -9.4767 -9.4767 h 1.17096 c 1.89736,0 6.1316,0.3848 8.96337,0.8146 16.76192,2.5438 32.10233,11.7538 42.474685,25.5007 2.70405,3.5838 4.51144,6.5395 6.5948,10.7848 4.12728,8.4101 6.21954,16.5875 6.71634,26.25 l 0.13625,2.65 h -9.59772 -9.59772 z m 34.00672,-1 c -0.88351,-24.1092 -12.91974,-46.785 -32.67842,-61.5647 C 41.237,1052.4032 32.38427,1047.8775 24.25349,1045.3358 17.20375,1043.132 10.9678,1042.0775 2.15,1041.5981 L 0,1041.4811 v -9.4807 -9.4808 h 1.35 c 2.11953,10e-4 7.70363,0.3801 10.45,0.7085 22.82016,2.7294 44.010715,13.2586 60.000005,29.8129 15.16265,15.6984 24.65018,35.4698 27.389319,57.0777 0.406301,3.2051 0.808121,8.6885 0.809751,11.05 l 9.25e-4,1.35 h -9.568895 -9.5689 z m -70.866385,2.8529 c -4.3216,-1.1329 -7.66396,-4.297 -9.19504,-8.7048 -0.48607,-1.3993 -0.5555,-1.8966 -0.55824,-3.9981 -0.005,-3.984 1.0173,-6.4446 3.874,-9.3228 1.39627,-1.4067 2.0217,-1.8722 3.40989,-2.5379 5.31796,-2.5502 11.08753,-1.5858 15.217,2.5437 2.67023,2.6702 3.87637,5.5484 3.86248,9.217 -0.009,2.4279 -0.37601,4.0172 -1.3808,5.9827 -1.78773,3.497 -4.99371,6.0313 -8.75018,6.917 -1.73685,0.4095 -4.71763,0.365 -6.47911,-0.097 z"/> + </g> + </symbol> + <!-- comments --> + <symbol id="comments" viewBox="0 0 100 100"> + <path d="m 93.141704,45.721236 a 38.314288,38.314288 0 0 1 -4.1149,17.374022 38.86294,38.86294 0 0 1 -34.748042,21.48892 38.314288,38.314288 0 0 1 -17.37402,-4.1149 l -26.06103,8.68701 8.68701,-26.06103 A 38.314288,38.314288 0 0 1 15.415823,45.721236 38.86294,38.86294 0 0 1 36.904742,10.973196 38.314288,38.314288 0 0 1 54.278762,6.8582959 h 2.286056 A 38.771498,38.771498 0 0 1 93.141704,43.435182 Z"/> + </symbol> + <!-- calendar --> + <symbol id="calendar" viewBox="0 0 100 100"> + <g transform="matrix(1.6964286,0,0,1.6666667,-0.8928572,-2e-6)"> + <path d="M 57,4 H 50 V 1 C 50,0.447 49.553,0 49,0 H 42 C 41.447,0 41,0.447 41,1 V 4 H 19 V 1 C 19,0.447 18.553,0 18,0 H 11 C 10.447,0 10,0.447 10,1 V 4 H 3 C 2.447,4 2,4.447 2,5 v 11 43 c 0,0.553 0.447,1 1,1 h 54 c 0.553,0 1,-0.447 1,-1 V 16 5 C 58,4.447 57.553,4 57,4 Z M 43,2 h 5 V 5 8 H 43 V 5 Z M 12,2 h 5 V 5 8 H 12 V 5 Z M 4,6 h 6 v 3 c 0,0.553 0.447,1 1,1 h 7 c 0.553,0 1,-0.447 1,-1 V 6 h 22 v 3 c 0,0.553 0.447,1 1,1 h 7 c 0.553,0 1,-0.447 1,-1 V 6 h 6 v 9 H 4 Z M 4,58 V 17 h 52 v 41 z"/> + <path d="m 38,23 h -7 -2 -7 -2 -9 v 9 2 7 2 9 h 9 2 7 2 7 2 9 v -9 -2 -7 -2 -9 h -9 z m -7,2 h 7 v 7 h -7 z m 7,16 h -7 v -7 h 7 z M 22,34 h 7 v 7 h -7 z m 0,-9 h 7 v 7 h -7 z m -9,0 h 7 v 7 h -7 z m 0,9 h 7 v 7 h -7 z m 7,16 h -7 v -7 h 7 z m 9,0 h -7 v -7 h 7 z m 9,0 h -7 v -7 h 7 z m 9,0 h -7 v -7 h 7 z m 0,-9 h -7 v -7 h 7 z m 0,-16 v 7 h -7 v -7 z"/> + </g> + </symbol> + <!-- user --> + <symbol id="user" viewBox="0 0 100 100"> + <g transform="translate(0,-1022.5196)"> + <path d="m 45.343216,1122.4373 c -12.431003,-0.5463 -21.892105,-3.0765 -27.668276,-7.4097 -1.357852,-1.0193 -2.550369,-2.1929 -3.205655,-3.1565 L 14,1111.1777 l 0.09658,-4.1631 c 0.267095,-11.4561 1.126773,-17.004 3.329847,-21.4906 0.954043,-1.9418 1.822277,-3.1323 3.404948,-4.6653 3.225552,-3.1249 8.239195,-5.2999 16.119869,-6.9958 l 2.52958,-0.5464 0.880104,0.7881 c 1.964495,1.7589 4.525956,2.9483 7.194452,3.3424 1.502615,0.2206 4.905725,0.105 6.205506,-0.2207 2.191069,-0.5359 4.372709,-1.7032 6.01368,-3.2058 l 0.761303,-0.6935 1.253351,0.2417 c 2.112416,0.4098 5.762972,1.3523 7.715546,1.9838 4.779656,1.5456 7.855803,3.3098 10.30434,5.9072 3.437048,3.6471 5.060145,8.635 5.750999,17.6734 0.08308,1.0812 0.215379,4.245 0.295029,7.0315 l 0.144867,5.0656 -0.457654,0.6725 c -2.856854,4.2008 -10.655862,7.8878 -19.927609,9.4209 -5.932035,0.9771 -13.5725,1.3974 -20.272007,1.1043 z m 1.990748,-51.321 c -7.062888,-1.2977 -13.179719,-7.911 -15.356115,-16.6037 -0.600133,-2.3968 -0.820288,-4.0748 -0.907623,-6.9139 -0.136248,-4.4288 0.271975,-8.9754 1.10648,-12.3262 1.872716,-7.518 6.270898,-11.4845 13.95797,-12.5857 1.79723,-0.2521 6.37108,-0.2206 8.219122,0.1051 8.717639,1.366 13.059672,6.5471 14.306387,17.0703 0.316838,2.6751 0.431174,7.747 0.223272,9.9052 -0.611348,6.3444 -3.004909,11.9973 -6.75142,15.947 -2.902069,3.0598 -5.960698,4.8093 -9.504696,5.4366 -1.454701,0.2626 -3.883788,0.2521 -5.293408,0 z"/> + </g> + </symbol> +</svg> diff --git a/src/js/navbar-burger.js b/src/js/navbar-burger.js new file mode 100644 index 0000000..084f02b --- /dev/null +++ b/src/js/navbar-burger.js @@ -0,0 +1,23 @@ +document.addEventListener('DOMContentLoaded', () => { + // Get all "navbar-burger" elements + const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); + + // Check if there are any navbar burgers + if ($navbarBurgers.length > 0) { + + // Add a click event on each of them + $navbarBurgers.forEach( el => { + el.addEventListener('click', () => { + + // Get the target from the "data-target" attribute + const target = el.dataset.target; + const $target = document.getElementById(target); + + // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" + el.classList.toggle('is-active'); + $target.classList.toggle('is-active'); + + }); + }); + } +}); diff --git a/src/sass/base/bulma.sass b/src/sass/base/bulma.sass new file mode 100644 index 0000000..ac8a2d9 --- /dev/null +++ b/src/sass/base/bulma.sass @@ -0,0 +1,8 @@ +@charset "utf-8" +/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */ +@import "bulma/utilities/_all" +@import "bulma/base/_all" +@import "bulma/elements/_all" +@import "bulma/components/_all" +@import "bulma/grid/_all" +@import "bulma/layout/_all" diff --git a/src/sass/base/bulma/base/_all.sass b/src/sass/base/bulma/base/_all.sass new file mode 100644 index 0000000..e913d6b --- /dev/null +++ b/src/sass/base/bulma/base/_all.sass @@ -0,0 +1,5 @@ +@charset "utf-8" + +@import "minireset.sass" +@import "generic.sass" +@import "helpers.sass" diff --git a/src/sass/base/bulma/base/generic.sass b/src/sass/base/bulma/base/generic.sass new file mode 100644 index 0000000..bb0e37a --- /dev/null +++ b/src/sass/base/bulma/base/generic.sass @@ -0,0 +1,127 @@ +$body-background-color: $white !default +$body-size: 16px !default +$body-rendering: optimizeLegibility !default +$body-family: $family-primary !default +$body-color: $text !default +$body-weight: $weight-normal !default +$body-line-height: 1.5 !default + +$code-family: $family-code !default +$code-padding: 0.25em 0.5em 0.25em !default +$code-weight: normal !default +$code-size: 0.875em !default + +$hr-background-color: $background !default +$hr-height: 2px !default +$hr-margin: 1.5rem 0 !default + +$strong-color: $text-strong !default +$strong-weight: $weight-bold !default + +html + background-color: $body-background-color + font-size: $body-size + -moz-osx-font-smoothing: grayscale + -webkit-font-smoothing: antialiased + min-width: 300px + overflow-x: hidden + overflow-y: scroll + text-rendering: $body-rendering + text-size-adjust: 100% + +article, +aside, +figure, +footer, +header, +hgroup, +section + display: block + +body, +button, +input, +select, +textarea + font-family: $body-family + +code, +pre + -moz-osx-font-smoothing: auto + -webkit-font-smoothing: auto + font-family: $code-family + +body + color: $body-color + font-size: 1rem + font-weight: $body-weight + line-height: $body-line-height + +// Inline + +a + color: $link + cursor: pointer + text-decoration: none + strong + color: currentColor + &:hover + color: $link-hover + +code + background-color: $code-background + color: $code + font-size: $code-size + font-weight: $code-weight + padding: $code-padding + +hr + background-color: $hr-background-color + border: none + display: block + height: $hr-height + margin: $hr-margin + +img + height: auto + max-width: 100% + +input[type="checkbox"], +input[type="radio"] + vertical-align: baseline + +small + font-size: 0.875em + +span + font-style: inherit + font-weight: inherit + +strong + color: $strong-color + font-weight: $strong-weight + +// Block + +pre + +overflow-touch + background-color: $pre-background + color: $pre + font-size: 0.875em + overflow-x: auto + padding: 1.25rem 1.5rem + white-space: pre + word-wrap: normal + code + background-color: transparent + color: currentColor + font-size: 1em + padding: 0 + +table + td, + th + text-align: left + vertical-align: top + th + color: $text-strong diff --git a/src/sass/base/bulma/base/helpers.sass b/src/sass/base/bulma/base/helpers.sass new file mode 100644 index 0000000..10c9056 --- /dev/null +++ b/src/sass/base/bulma/base/helpers.sass @@ -0,0 +1,261 @@ +// Float + +.is-clearfix + +clearfix + +.is-pulled-left + float: left !important + +.is-pulled-right + float: right !important + +// Overflow + +.is-clipped + overflow: hidden !important + +// Overlay + +.is-overlay + @extend %overlay + +// Typography + +=typography-size($target:'') + @each $size in $sizes + $i: index($sizes, $size) + .is-size-#{$i}#{if($target == '', '', '-' + $target)} + font-size: $size !important + ++typography-size() + ++mobile + +typography-size('mobile') + ++tablet + +typography-size('tablet') + ++touch + +typography-size('touch') + ++desktop + +typography-size('desktop') + ++widescreen + +typography-size('widescreen') + ++fullhd + +typography-size('fullhd') + +$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right') + +@each $alignment, $text-align in $alignments + .has-text-#{$alignment} + text-align: #{$text-align} !important + +@each $alignment, $text-align in $alignments + +mobile + .has-text-#{$alignment}-mobile + text-align: #{$text-align} !important + +tablet + .has-text-#{$alignment}-tablet + text-align: #{$text-align} !important + +tablet-only + .has-text-#{$alignment}-tablet-only + text-align: #{$text-align} !important + +touch + .has-text-#{$alignment}-touch + text-align: #{$text-align} !important + +desktop + .has-text-#{$alignment}-desktop + text-align: #{$text-align} !important + +desktop-only + .has-text-#{$alignment}-desktop-only + text-align: #{$text-align} !important + +widescreen + .has-text-#{$alignment}-widescreen + text-align: #{$text-align} !important + +widescreen-only + .has-text-#{$alignment}-widescreen-only + text-align: #{$text-align} !important + +fullhd + .has-text-#{$alignment}-fullhd + text-align: #{$text-align} !important + +.is-capitalized + text-transform: capitalize !important + +.is-lowercase + text-transform: lowercase !important + +.is-uppercase + text-transform: uppercase !important + +.is-italic + font-style: italic !important + +@each $name, $pair in $colors + $color: nth($pair, 1) + .has-text-#{$name} + color: $color !important + a.has-text-#{$name} + &:hover, + &:focus + color: darken($color, 10%) !important + .has-background-#{$name} + background-color: $color !important + +@each $name, $shade in $shades + .has-text-#{$name} + color: $shade !important + .has-background-#{$name} + background-color: $shade !important + +.has-text-weight-light + font-weight: $weight-light !important +.has-text-weight-normal + font-weight: $weight-normal !important +.has-text-weight-semibold + font-weight: $weight-semibold !important +.has-text-weight-bold + font-weight: $weight-bold !important + +// Visibility + +$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex' + +@each $display in $displays + .is-#{$display} + display: #{$display} !important + +mobile + .is-#{$display}-mobile + display: #{$display} !important + +tablet + .is-#{$display}-tablet + display: #{$display} !important + +tablet-only + .is-#{$display}-tablet-only + display: #{$display} !important + +touch + .is-#{$display}-touch + display: #{$display} !important + +desktop + .is-#{$display}-desktop + display: #{$display} !important + +desktop-only + .is-#{$display}-desktop-only + display: #{$display} !important + +widescreen + .is-#{$display}-widescreen + display: #{$display} !important + +widescreen-only + .is-#{$display}-widescreen-only + display: #{$display} !important + +fullhd + .is-#{$display}-fullhd + display: #{$display} !important + +.is-hidden + display: none !important + +.is-sr-only + border: none !important + clip: rect(0, 0, 0, 0) !important + height: 0.01em !important + overflow: hidden !important + padding: 0 !important + position: absolute !important + white-space: nowrap !important + width: 0.01em !important + ++mobile + .is-hidden-mobile + display: none !important + ++tablet + .is-hidden-tablet + display: none !important + ++tablet-only + .is-hidden-tablet-only + display: none !important + ++touch + .is-hidden-touch + display: none !important + ++desktop + .is-hidden-desktop + display: none !important + ++desktop-only + .is-hidden-desktop-only + display: none !important + ++widescreen + .is-hidden-widescreen + display: none !important + ++widescreen-only + .is-hidden-widescreen-only + display: none !important + ++fullhd + .is-hidden-fullhd + display: none !important + +.is-invisible + visibility: hidden !important + ++mobile + .is-invisible-mobile + visibility: hidden !important + ++tablet + .is-invisible-tablet + visibility: hidden !important + ++tablet-only + .is-invisible-tablet-only + visibility: hidden !important + ++touch + .is-invisible-touch + visibility: hidden !important + ++desktop + .is-invisible-desktop + visibility: hidden !important + ++desktop-only + .is-invisible-desktop-only + visibility: hidden !important + ++widescreen + .is-invisible-widescreen + visibility: hidden !important + ++widescreen-only + .is-invisible-widescreen-only + visibility: hidden !important + ++fullhd + .is-invisible-fullhd + visibility: hidden !important + +// Other + +.is-marginless + margin: 0 !important + +.is-paddingless + padding: 0 !important + +.is-radiusless + border-radius: 0 !important + +.is-shadowless + box-shadow: none !important + +.is-unselectable + @extend %unselectable diff --git a/src/sass/base/bulma/base/minireset.sass b/src/sass/base/bulma/base/minireset.sass new file mode 100644 index 0000000..e99311c --- /dev/null +++ b/src/sass/base/bulma/base/minireset.sass @@ -0,0 +1,79 @@ +/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ +// Blocks +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 + margin: 0 + padding: 0 + +// Headings +h1, +h2, +h3, +h4, +h5, +h6 + font-size: 100% + font-weight: normal + +// List +ul + list-style: none + +// Form +button, +input, +select, +textarea + margin: 0 + +// Box sizing +html + box-sizing: border-box + +* + &, + &::before, + &::after + box-sizing: inherit + +// Media +img, +audio, +video + height: auto + max-width: 100% + +// Iframe +iframe + border: 0 + +// Table +table + border-collapse: collapse + border-spacing: 0 + +td, +th + padding: 0 + text-align: left diff --git a/src/sass/base/bulma/components/_all.sass b/src/sass/base/bulma/components/_all.sass new file mode 100644 index 0000000..88fd45c --- /dev/null +++ b/src/sass/base/bulma/components/_all.sass @@ -0,0 +1,15 @@ +@charset "utf-8" + +@import "breadcrumb.sass" +@import "card.sass" +@import "dropdown.sass" +@import "level.sass" +@import "list.sass" +@import "media.sass" +@import "menu.sass" +@import "message.sass" +@import "modal.sass" +@import "navbar.sass" +@import "pagination.sass" +@import "panel.sass" +@import "tabs.sass" diff --git a/src/sass/base/bulma/components/breadcrumb.sass b/src/sass/base/bulma/components/breadcrumb.sass new file mode 100644 index 0000000..bcbd15b --- /dev/null +++ b/src/sass/base/bulma/components/breadcrumb.sass @@ -0,0 +1,75 @@ +$breadcrumb-item-color: $link !default +$breadcrumb-item-hover-color: $link-hover !default +$breadcrumb-item-active-color: $text-strong !default + +$breadcrumb-item-padding-vertical: 0 !default +$breadcrumb-item-padding-horizontal: 0.75em !default + +$breadcrumb-item-separator-color: $grey-light !default + +.breadcrumb + @extend %block + @extend %unselectable + font-size: $size-normal + white-space: nowrap + a + align-items: center + color: $breadcrumb-item-color + display: flex + justify-content: center + padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal + &:hover + color: $breadcrumb-item-hover-color + li + align-items: center + display: flex + &:first-child a + padding-left: 0 + &.is-active + a + color: $breadcrumb-item-active-color + cursor: default + pointer-events: none + & + li::before + color: $breadcrumb-item-separator-color + content: "\0002f" + ul, + ol + align-items: flex-start + display: flex + flex-wrap: wrap + justify-content: flex-start + .icon + &:first-child + margin-right: 0.5em + &:last-child + margin-left: 0.5em + // Alignment + &.is-centered + ol, + ul + justify-content: center + &.is-right + ol, + ul + justify-content: flex-end + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + // Styles + &.has-arrow-separator + li + li::before + content: "\02192" + &.has-bullet-separator + li + li::before + content: "\02022" + &.has-dot-separator + li + li::before + content: "\000b7" + &.has-succeeds-separator + li + li::before + content: "\0227B" diff --git a/src/sass/base/bulma/components/card.sass b/src/sass/base/bulma/components/card.sass new file mode 100644 index 0000000..ff12395 --- /dev/null +++ b/src/sass/base/bulma/components/card.sass @@ -0,0 +1,74 @@ +$card-color: $text !default +$card-background-color: $white !default +$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default + +$card-header-background-color: transparent !default +$card-header-color: $text-strong !default +$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default +$card-header-weight: $weight-bold !default + +$card-content-background-color: transparent !default + +$card-footer-background-color: transparent !default +$card-footer-border-top: 1px solid $border !default + +.card + background-color: $card-background-color + box-shadow: $card-shadow + color: $card-color + max-width: 100% + position: relative + +.card-header + background-color: $card-header-background-color + align-items: stretch + box-shadow: $card-header-shadow + display: flex + +.card-header-title + align-items: center + color: $card-header-color + display: flex + flex-grow: 1 + font-weight: $card-header-weight + padding: 0.75rem + &.is-centered + justify-content: center + +.card-header-icon + align-items: center + cursor: pointer + display: flex + justify-content: center + padding: 0.75rem + +.card-image + display: block + position: relative + +.card-content + background-color: $card-content-background-color + padding: 1.5rem + +.card-footer + background-color: $card-footer-background-color + border-top: $card-footer-border-top + align-items: stretch + display: flex + +.card-footer-item + align-items: center + display: flex + flex-basis: 0 + flex-grow: 1 + flex-shrink: 0 + justify-content: center + padding: 0.75rem + &:not(:last-child) + border-right: $card-footer-border-top + +// Combinations + +.card + .media:not(:last-child) + margin-bottom: 0.75rem diff --git a/src/sass/base/bulma/components/dropdown.sass b/src/sass/base/bulma/components/dropdown.sass new file mode 100644 index 0000000..aad663a --- /dev/null +++ b/src/sass/base/bulma/components/dropdown.sass @@ -0,0 +1,77 @@ +$dropdown-content-background-color: $white !default +$dropdown-content-arrow: $link !default +$dropdown-content-offset: 4px !default +$dropdown-content-radius: $radius !default +$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default +$dropdown-content-z: 20 !default + +$dropdown-item-color: $grey-dark !default +$dropdown-item-hover-color: $black !default +$dropdown-item-hover-background-color: $background !default +$dropdown-item-active-color: $link-invert !default +$dropdown-item-active-background-color: $link !default + +$dropdown-divider-background-color: $border !default + +.dropdown + display: inline-flex + position: relative + vertical-align: top + &.is-active, + &.is-hoverable:hover + .dropdown-menu + display: block + &.is-right + .dropdown-menu + left: auto + right: 0 + &.is-up + .dropdown-menu + bottom: 100% + padding-bottom: $dropdown-content-offset + padding-top: initial + top: auto + +.dropdown-menu + display: none + left: 0 + min-width: 12rem + padding-top: $dropdown-content-offset + position: absolute + top: 100% + z-index: $dropdown-content-z + +.dropdown-content + background-color: $dropdown-content-background-color + border-radius: $dropdown-content-radius + box-shadow: $dropdown-content-shadow + padding-bottom: 0.5rem + padding-top: 0.5rem + +.dropdown-item + color: $dropdown-item-color + display: block + font-size: 0.875rem + line-height: 1.5 + padding: 0.375rem 1rem + position: relative + +a.dropdown-item, +button.dropdown-item + padding-right: 3rem + text-align: left + white-space: nowrap + width: 100% + &:hover + background-color: $dropdown-item-hover-background-color + color: $dropdown-item-hover-color + &.is-active + background-color: $dropdown-item-active-background-color + color: $dropdown-item-active-color + +.dropdown-divider + background-color: $dropdown-divider-background-color + border: none + display: block + height: 1px + margin: 0.5rem 0 diff --git a/src/sass/base/bulma/components/level.sass b/src/sass/base/bulma/components/level.sass new file mode 100644 index 0000000..a3b7716 --- /dev/null +++ b/src/sass/base/bulma/components/level.sass @@ -0,0 +1,75 @@ +.level + @extend %block + align-items: center + justify-content: space-between + code + border-radius: $radius + img + display: inline-block + vertical-align: top + // Modifiers + &.is-mobile + display: flex + .level-left, + .level-right + display: flex + .level-left + .level-right + margin-top: 0 + .level-item + &:not(:last-child) + margin-bottom: 0 + margin-right: 0.75rem + &:not(.is-narrow) + flex-grow: 1 + // Responsiveness + +tablet + display: flex + & > .level-item + &:not(.is-narrow) + flex-grow: 1 + +.level-item + align-items: center + display: flex + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + justify-content: center + .title, + .subtitle + margin-bottom: 0 + // Responsiveness + +mobile + &:not(:last-child) + margin-bottom: 0.75rem + +.level-left, +.level-right + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + .level-item + // Modifiers + &.is-flexible + flex-grow: 1 + // Responsiveness + +tablet + &:not(:last-child) + margin-right: 0.75rem + +.level-left + align-items: center + justify-content: flex-start + // Responsiveness + +mobile + & + .level-right + margin-top: 1.5rem + +tablet + display: flex + +.level-right + align-items: center + justify-content: flex-end + // Responsiveness + +tablet + display: flex diff --git a/src/sass/base/bulma/components/list.sass b/src/sass/base/bulma/components/list.sass new file mode 100644 index 0000000..eccd034 --- /dev/null +++ b/src/sass/base/bulma/components/list.sass @@ -0,0 +1,39 @@ +$list-background-color: $white !default +$list-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default +$list-radius: $radius !default + +$list-item-border: 1px solid $border !default +$list-item-color: $text !default +$list-item-active-background-color: $link !default +$list-item-active-color: $link-invert !default +$list-item-hover-background-color: $background !default + +.list + @extend %block + background-color: $list-background-color + border-radius: $list-radius + box-shadow: $list-shadow + // &.is-hoverable > .list-item:hover:not(.is-active) + // background-color: $list-item-hover-background-color + // cursor: pointer + +.list-item + display: block + padding: 0.5em 1em + &:not(a) + color: $list-item-color + &:first-child + border-top-left-radius: $list-radius + border-top-right-radius: $list-radius + &:last-child + border-top-left-radius: $list-radius + border-top-right-radius: $list-radius + &:not(:last-child) + border-bottom: $list-item-border + &.is-active + background-color: $list-item-active-background-color + color: $list-item-active-color + +a.list-item + background-color: $list-item-hover-background-color + cursor: pointer
\ No newline at end of file diff --git a/src/sass/base/bulma/components/media.sass b/src/sass/base/bulma/components/media.sass new file mode 100644 index 0000000..e8542d8 --- /dev/null +++ b/src/sass/base/bulma/components/media.sass @@ -0,0 +1,48 @@ +.media + align-items: flex-start + display: flex + text-align: left + .content:not(:last-child) + margin-bottom: 0.75rem + .media + border-top: 1px solid rgba($border, 0.5) + display: flex + padding-top: 0.75rem + .content:not(:last-child), + .control:not(:last-child) + margin-bottom: 0.5rem + .media + padding-top: 0.5rem + & + .media + margin-top: 0.5rem + & + .media + border-top: 1px solid rgba($border, 0.5) + margin-top: 1rem + padding-top: 1rem + // Sizes + &.is-large + & + .media + margin-top: 1.5rem + padding-top: 1.5rem + +.media-left, +.media-right + flex-basis: auto + flex-grow: 0 + flex-shrink: 0 + +.media-left + margin-right: 1rem + +.media-right + margin-left: 1rem + +.media-content + flex-basis: auto + flex-grow: 1 + flex-shrink: 1 + text-align: left + ++mobile + .media-content + overflow-x: auto diff --git a/src/sass/base/bulma/components/menu.sass b/src/sass/base/bulma/components/menu.sass new file mode 100644 index 0000000..727df36 --- /dev/null +++ b/src/sass/base/bulma/components/menu.sass @@ -0,0 +1,50 @@ +$menu-item-color: $text !default +$menu-item-radius: $radius-small !default +$menu-item-hover-color: $text-strong !default +$menu-item-hover-background-color: $background !default +$menu-item-active-color: $link-invert !default +$menu-item-active-background-color: $link !default + +$menu-list-border-left: 1px solid $border !default + +$menu-label-color: $text-light !default + +.menu + font-size: $size-normal + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + +.menu-list + line-height: 1.25 + a + border-radius: $menu-item-radius + color: $menu-item-color + display: block + padding: 0.5em 0.75em + &:hover + background-color: $menu-item-hover-background-color + color: $menu-item-hover-color + // Modifiers + &.is-active + background-color: $menu-item-active-background-color + color: $menu-item-active-color + li + ul + border-left: $menu-list-border-left + margin: 0.75em + padding-left: 0.75em + +.menu-label + color: $menu-label-color + font-size: 0.75em + letter-spacing: 0.1em + text-transform: uppercase + &:not(:first-child) + margin-top: 1em + &:not(:last-child) + margin-bottom: 1em diff --git a/src/sass/base/bulma/components/message.sass b/src/sass/base/bulma/components/message.sass new file mode 100644 index 0000000..272e68b --- /dev/null +++ b/src/sass/base/bulma/components/message.sass @@ -0,0 +1,86 @@ +$message-background-color: $background !default +$message-radius: $radius !default + +$message-header-background-color: $text !default +$message-header-color: $text-invert !default +$message-header-weight: $weight-bold !default +$message-header-padding: 0.75em 1em !default +$message-header-radius: $radius !default + +$message-body-border-color: $border !default +$message-body-border-width: 0 0 0 4px !default +$message-body-color: $text !default +$message-body-padding: 1.25em 1.5em !default +$message-body-radius: $radius !default + +$message-body-pre-background-color: $white !default +$message-body-pre-code-background-color: transparent !default + +$message-header-body-border-width: 0 !default + +.message + @extend %block + background-color: $message-background-color + border-radius: $message-radius + font-size: $size-normal + strong + color: currentColor + a:not(.button):not(.tag) + color: currentColor + text-decoration: underline + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + $color-lightning: max((100% - lightness($color)) - 2%, 0%) + $color-luminance: colorLuminance($color) + $darken-percentage: $color-luminance * 70% + $desaturate-percentage: $color-luminance * 30% + &.is-#{$name} + background-color: lighten($color, $color-lightning) + .message-header + background-color: $color + color: $color-invert + .message-body + border-color: $color + color: desaturate(darken($color, $darken-percentage), $desaturate-percentage) + +.message-header + align-items: center + background-color: $message-header-background-color + border-radius: $message-header-radius $message-header-radius 0 0 + color: $message-header-color + display: flex + font-weight: $message-header-weight + justify-content: space-between + line-height: 1.25 + padding: $message-header-padding + position: relative + .delete + flex-grow: 0 + flex-shrink: 0 + margin-left: 0.75em + & + .message-body + border-width: $message-header-body-border-width + border-top-left-radius: 0 + border-top-right-radius: 0 + +.message-body + border-color: $message-body-border-color + border-radius: $message-body-radius + border-style: solid + border-width: $message-body-border-width + color: $message-body-color + padding: $message-body-padding + code, + pre + background-color: $message-body-pre-background-color + pre code + background-color: $message-body-pre-code-background-color diff --git a/src/sass/base/bulma/components/modal.sass b/src/sass/base/bulma/components/modal.sass new file mode 100644 index 0000000..b6fb1a1 --- /dev/null +++ b/src/sass/base/bulma/components/modal.sass @@ -0,0 +1,113 @@ +$modal-z: 40 !default + +$modal-background-background-color: rgba($black, 0.86) !default + +$modal-content-width: 640px !default +$modal-content-margin-mobile: 20px !default +$modal-content-spacing-mobile: 160px !default +$modal-content-spacing-tablet: 40px !default + +$modal-close-dimensions: 40px !default +$modal-close-right: 20px !default +$modal-close-top: 20px !default + +$modal-card-spacing: 40px !default + +$modal-card-head-background-color: $background !default +$modal-card-head-border-bottom: 1px solid $border !default +$modal-card-head-padding: 20px !default +$modal-card-head-radius: $radius-large !default + +$modal-card-title-color: $text-strong !default +$modal-card-title-line-height: 1 !default +$modal-card-title-size: $size-4 !default + +$modal-card-foot-radius: $radius-large !default +$modal-card-foot-border-top: 1px solid $border !default + +$modal-card-body-background-color: $white !default +$modal-card-body-padding: 20px !default + +.modal + @extend %overlay + align-items: center + display: none + flex-direction: column + justify-content: center + overflow: hidden + position: fixed + z-index: $modal-z + // Modifiers + &.is-active + display: flex + +.modal-background + @extend %overlay + background-color: $modal-background-background-color + +.modal-content, +.modal-card + margin: 0 $modal-content-margin-mobile + max-height: calc(100vh - #{$modal-content-spacing-mobile}) + overflow: auto + position: relative + width: 100% + // Responsiveness + +tablet + margin: 0 auto + max-height: calc(100vh - #{$modal-content-spacing-tablet}) + width: $modal-content-width + +.modal-close + @extend %delete + background: none + height: $modal-close-dimensions + position: fixed + right: $modal-close-right + top: $modal-close-top + width: $modal-close-dimensions + +.modal-card + display: flex + flex-direction: column + max-height: calc(100vh - #{$modal-card-spacing}) + overflow: hidden + -ms-overflow-y: visible + +.modal-card-head, +.modal-card-foot + align-items: center + background-color: $modal-card-head-background-color + display: flex + flex-shrink: 0 + justify-content: flex-start + padding: $modal-card-head-padding + position: relative + +.modal-card-head + border-bottom: $modal-card-head-border-bottom + border-top-left-radius: $modal-card-head-radius + border-top-right-radius: $modal-card-head-radius + +.modal-card-title + color: $modal-card-title-color + flex-grow: 1 + flex-shrink: 0 + font-size: $modal-card-title-size + line-height: $modal-card-title-line-height + +.modal-card-foot + border-bottom-left-radius: $modal-card-foot-radius + border-bottom-right-radius: $modal-card-foot-radius + border-top: $modal-card-foot-border-top + .button + &:not(:last-child) + margin-right: 10px + +.modal-card-body + +overflow-touch + background-color: $modal-card-body-background-color + flex-grow: 1 + flex-shrink: 1 + overflow: auto + padding: $modal-card-body-padding diff --git a/src/sass/base/bulma/components/navbar.sass b/src/sass/base/bulma/components/navbar.sass new file mode 100644 index 0000000..f11153d --- /dev/null +++ b/src/sass/base/bulma/components/navbar.sass @@ -0,0 +1,422 @@ +$navbar-background-color: $white !default +$navbar-box-shadow-size: 0 2px 0 0 !default +$navbar-box-shadow-color: $background !default +$navbar-height: 3.25rem !default +$navbar-padding-vertical: 1rem !default +$navbar-padding-horizontal: 2rem !default +$navbar-z: 30 !default +$navbar-fixed-z: 30 !default + +$navbar-item-color: $grey-dark !default +$navbar-item-hover-color: $link !default +$navbar-item-hover-background-color: $white-bis !default +$navbar-item-active-color: $black !default +$navbar-item-active-background-color: transparent !default +$navbar-item-img-max-height: 1.75rem !default + +$navbar-burger-color: $navbar-item-color !default + +$navbar-tab-hover-background-color: transparent !default +$navbar-tab-hover-border-bottom-color: $link !default +$navbar-tab-active-color: $link !default +$navbar-tab-active-background-color: transparent !default +$navbar-tab-active-border-bottom-color: $link !default +$navbar-tab-active-border-bottom-style: solid !default +$navbar-tab-active-border-bottom-width: 3px !default + +$navbar-dropdown-background-color: $white !default +$navbar-dropdown-border-top: 2px solid $border !default +$navbar-dropdown-offset: -4px !default +$navbar-dropdown-arrow: $link !default +$navbar-dropdown-radius: $radius-large !default +$navbar-dropdown-z: 20 !default + +$navbar-dropdown-boxed-radius: $radius-large !default +$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default + +$navbar-dropdown-item-hover-color: $black !default +$navbar-dropdown-item-hover-background-color: $background !default +$navbar-dropdown-item-active-color: $link !default +$navbar-dropdown-item-active-background-color: $background !default + +$navbar-divider-background-color: $background !default +$navbar-divider-height: 2px !default + +$navbar-bottom-box-shadow-size: 0 -2px 0 0 !default + +$navbar-breakpoint: $desktop !default + +=navbar-fixed + left: 0 + position: fixed + right: 0 + z-index: $navbar-fixed-z + +.navbar + background-color: $navbar-background-color + min-height: $navbar-height + position: relative + z-index: $navbar-z + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert + .navbar-brand + & > .navbar-item, + .navbar-link + color: $color-invert + & > a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: darken($color, 5%) + color: $color-invert + .navbar-link + &::after + border-color: $color-invert + .navbar-burger + color: $color-invert + +from($navbar-breakpoint) + .navbar-start, + .navbar-end + & > .navbar-item, + .navbar-link + color: $color-invert + & > a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: darken($color, 5%) + color: $color-invert + .navbar-link + &::after + border-color: $color-invert + .navbar-item.has-dropdown:hover .navbar-link, + .navbar-item.has-dropdown.is-active .navbar-link + background-color: darken($color, 5%) + color: $color-invert + .navbar-dropdown + a.navbar-item + &.is-active + background-color: $color + color: $color-invert + & > .container + align-items: stretch + display: flex + min-height: $navbar-height + width: 100% + &.has-shadow + box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color + &.is-fixed-bottom, + &.is-fixed-top + +navbar-fixed + &.is-fixed-bottom + bottom: 0 + &.has-shadow + box-shadow: $navbar-bottom-box-shadow-size $navbar-box-shadow-color + &.is-fixed-top + top: 0 + +html, +body + &.has-navbar-fixed-top + padding-top: $navbar-height + &.has-navbar-fixed-bottom + padding-bottom: $navbar-height + +.navbar-brand, +.navbar-tabs + align-items: stretch + display: flex + flex-shrink: 0 + min-height: $navbar-height + +.navbar-brand + a.navbar-item + &:hover + background-color: transparent + +.navbar-tabs + +overflow-touch + max-width: 100vw + overflow-x: auto + overflow-y: hidden + +.navbar-burger + color: $navbar-burger-color + +hamburger($navbar-height) + margin-left: auto + +.navbar-menu + display: none + +.navbar-item, +.navbar-link + color: $navbar-item-color + display: block + line-height: 1.5 + padding: 0.5rem 0.75rem + position: relative + .icon + &:only-child + margin-left: -0.25rem + margin-right: -0.25rem + +a.navbar-item, +.navbar-link + cursor: pointer + &:hover, + &.is-active + background-color: $navbar-item-hover-background-color + color: $navbar-item-hover-color + +.navbar-item + display: block + flex-grow: 0 + flex-shrink: 0 + img + max-height: $navbar-item-img-max-height + &.has-dropdown + padding: 0 + &.is-expanded + flex-grow: 1 + flex-shrink: 1 + &.is-tab + border-bottom: 1px solid transparent + min-height: $navbar-height + padding-bottom: calc(0.5rem - 1px) + &:hover + background-color: $navbar-tab-hover-background-color + border-bottom-color: $navbar-tab-hover-border-bottom-color + &.is-active + background-color: $navbar-tab-active-background-color + border-bottom-color: $navbar-tab-active-border-bottom-color + border-bottom-style: $navbar-tab-active-border-bottom-style + border-bottom-width: $navbar-tab-active-border-bottom-width + color: $navbar-tab-active-color + padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width}) + +.navbar-content + flex-grow: 1 + flex-shrink: 1 + +.navbar-link:not(.is-arrowless) + padding-right: 2.5em + &::after + @extend %arrow + border-color: $navbar-dropdown-arrow + margin-top: -0.375em + right: 1.125em + +.navbar-dropdown + font-size: 0.875rem + padding-bottom: 0.5rem + padding-top: 0.5rem + .navbar-item + padding-left: 1.5rem + padding-right: 1.5rem + +.navbar-divider + background-color: $navbar-divider-background-color + border: none + display: none + height: $navbar-divider-height + margin: 0.5rem 0 + ++until($navbar-breakpoint) + .navbar > .container + display: block + .navbar-brand, + .navbar-tabs + .navbar-item + align-items: center + display: flex + .navbar-link + &::after + display: none + .navbar-menu + background-color: $navbar-background-color + box-shadow: 0 8px 16px rgba($black, 0.1) + padding: 0.5rem 0 + &.is-active + display: block + // Fixed navbar + .navbar + &.is-fixed-bottom-touch, + &.is-fixed-top-touch + +navbar-fixed + &.is-fixed-bottom-touch + bottom: 0 + &.has-shadow + box-shadow: 0 -2px 3px rgba($black, 0.1) + &.is-fixed-top-touch + top: 0 + &.is-fixed-top, + &.is-fixed-top-touch + .navbar-menu + +overflow-touch + max-height: calc(100vh - #{$navbar-height}) + overflow: auto + html, + body + &.has-navbar-fixed-top-touch + padding-top: $navbar-height + &.has-navbar-fixed-bottom-touch + padding-bottom: $navbar-height + ++from($navbar-breakpoint) + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end + align-items: stretch + display: flex + .navbar + min-height: $navbar-height + &.is-spaced + padding: $navbar-padding-vertical $navbar-padding-horizontal + .navbar-start, + .navbar-end + align-items: center + a.navbar-item, + .navbar-link + border-radius: $radius + &.is-transparent + a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: transparent !important + .navbar-item.has-dropdown + &.is-active, + &.is-hoverable:hover + .navbar-link + background-color: transparent !important + .navbar-dropdown + a.navbar-item + &:hover + background-color: $navbar-dropdown-item-hover-background-color + color: $navbar-dropdown-item-hover-color + &.is-active + background-color: $navbar-dropdown-item-active-background-color + color: $navbar-dropdown-item-active-color + .navbar-burger + display: none + .navbar-item, + .navbar-link + align-items: center + display: flex + .navbar-item + display: flex + &.has-dropdown + align-items: stretch + &.has-dropdown-up + .navbar-link::after + transform: rotate(135deg) translate(0.25em, -0.25em) + .navbar-dropdown + border-bottom: $navbar-dropdown-border-top + border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0 + border-top: none + bottom: 100% + box-shadow: 0 -8px 8px rgba($black, 0.1) + top: auto + &.is-active, + &.is-hoverable:hover + .navbar-dropdown + display: block + .navbar.is-spaced &, + &.is-boxed + opacity: 1 + pointer-events: auto + transform: translateY(0) + .navbar-menu + flex-grow: 1 + flex-shrink: 0 + .navbar-start + justify-content: flex-start + margin-right: auto + .navbar-end + justify-content: flex-end + margin-left: auto + .navbar-dropdown + background-color: $navbar-dropdown-background-color + border-bottom-left-radius: $navbar-dropdown-radius + border-bottom-right-radius: $navbar-dropdown-radius + border-top: $navbar-dropdown-border-top + box-shadow: 0 8px 8px rgba($black, 0.1) + display: none + font-size: 0.875rem + left: 0 + min-width: 100% + position: absolute + top: 100% + z-index: $navbar-dropdown-z + .navbar-item + padding: 0.375rem 1rem + white-space: nowrap + a.navbar-item + padding-right: 3rem + &:hover + background-color: $navbar-dropdown-item-hover-background-color + color: $navbar-dropdown-item-hover-color + &.is-active + background-color: $navbar-dropdown-item-active-background-color + color: $navbar-dropdown-item-active-color + .navbar.is-spaced &, + &.is-boxed + border-radius: $navbar-dropdown-boxed-radius + border-top: none + box-shadow: $navbar-dropdown-boxed-shadow + display: block + opacity: 0 + pointer-events: none + top: calc(100% + (#{$navbar-dropdown-offset})) + transform: translateY(-5px) + transition-duration: $speed + transition-property: opacity, transform + &.is-right + left: auto + right: 0 + .navbar-divider + display: block + .navbar > .container, + .container > .navbar + .navbar-brand + margin-left: -.75rem + .navbar-menu + margin-right: -.75rem + // Fixed navbar + .navbar + &.is-fixed-bottom-desktop, + &.is-fixed-top-desktop + +navbar-fixed + &.is-fixed-bottom-desktop + bottom: 0 + &.has-shadow + box-shadow: 0 -2px 3px rgba($black, 0.1) + &.is-fixed-top-desktop + top: 0 + html, + body + &.has-navbar-fixed-top-desktop + padding-top: $navbar-height + &.has-navbar-fixed-bottom-desktop + padding-bottom: $navbar-height + &.has-spaced-navbar-fixed-top + padding-top: $navbar-height + ($navbar-padding-vertical * 2) + &.has-spaced-navbar-fixed-bottom + padding-bottom: $navbar-height + ($navbar-padding-vertical * 2) + // Hover/Active states + a.navbar-item, + .navbar-link + &.is-active + color: $navbar-item-active-color + &.is-active:not(:hover) + background-color: $navbar-item-active-background-color + .navbar-item.has-dropdown + &:hover, + &.is-active + .navbar-link + background-color: $navbar-item-hover-background-color diff --git a/src/sass/base/bulma/components/pagination.sass b/src/sass/base/bulma/components/pagination.sass new file mode 100644 index 0000000..9b8fd03 --- /dev/null +++ b/src/sass/base/bulma/components/pagination.sass @@ -0,0 +1,144 @@ +$pagination-color: $grey-darker !default +$pagination-border-color: $grey-lighter !default +$pagination-margin: -0.25rem !default +$pagination-min-width: $control-height !default + +$pagination-hover-color: $link-hover !default +$pagination-hover-border-color: $link-hover-border !default + +$pagination-focus-color: $link-focus !default +$pagination-focus-border-color: $link-focus-border !default + +$pagination-active-color: $link-active !default +$pagination-active-border-color: $link-active-border !default + +$pagination-disabled-color: $grey !default +$pagination-disabled-background-color: $grey-lighter !default +$pagination-disabled-border-color: $grey-lighter !default + +$pagination-current-color: $link-invert !default +$pagination-current-background-color: $link !default +$pagination-current-border-color: $link !default + +$pagination-ellipsis-color: $grey-light !default + +$pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2) + +.pagination + font-size: $size-normal + margin: $pagination-margin + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + &.is-rounded + .pagination-previous, + .pagination-next + padding-left: 1em + padding-right: 1em + border-radius: $radius-rounded + .pagination-link + border-radius: $radius-rounded + +.pagination, +.pagination-list + align-items: center + display: flex + justify-content: center + text-align: center + +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis + @extend %control + @extend %unselectable + font-size: 1em + padding-left: 0.5em + padding-right: 0.5em + justify-content: center + margin: 0.25rem + text-align: center + +.pagination-previous, +.pagination-next, +.pagination-link + border-color: $pagination-border-color + color: $pagination-color + min-width: $pagination-min-width + &:hover + border-color: $pagination-hover-border-color + color: $pagination-hover-color + &:focus + border-color: $pagination-focus-border-color + &:active + box-shadow: $pagination-shadow-inset + &[disabled] + background-color: $pagination-disabled-background-color + border-color: $pagination-disabled-border-color + box-shadow: none + color: $pagination-disabled-color + opacity: 0.5 + +.pagination-previous, +.pagination-next + padding-left: 0.75em + padding-right: 0.75em + white-space: nowrap + +.pagination-link + &.is-current + background-color: $pagination-current-background-color + border-color: $pagination-current-border-color + color: $pagination-current-color + +.pagination-ellipsis + color: $pagination-ellipsis-color + pointer-events: none + +.pagination-list + flex-wrap: wrap + ++mobile + .pagination + flex-wrap: wrap + .pagination-previous, + .pagination-next + flex-grow: 1 + flex-shrink: 1 + .pagination-list + li + flex-grow: 1 + flex-shrink: 1 + ++tablet + .pagination-list + flex-grow: 1 + flex-shrink: 1 + justify-content: flex-start + order: 1 + .pagination-previous + order: 2 + .pagination-next + order: 3 + .pagination + justify-content: space-between + &.is-centered + .pagination-previous + order: 1 + .pagination-list + justify-content: center + order: 2 + .pagination-next + order: 3 + &.is-right + .pagination-previous + order: 1 + .pagination-next + order: 2 + .pagination-list + justify-content: flex-end + order: 3 diff --git a/src/sass/base/bulma/components/panel.sass b/src/sass/base/bulma/components/panel.sass new file mode 100644 index 0000000..b9d339e --- /dev/null +++ b/src/sass/base/bulma/components/panel.sass @@ -0,0 +1,101 @@ +$panel-item-border: 1px solid $border !default + +$panel-heading-background-color: $background !default +$panel-heading-color: $text-strong !default +$panel-heading-line-height: 1.25 !default +$panel-heading-padding: 0.5em 0.75em !default +$panel-heading-radius: $radius !default +$panel-heading-size: 1.25em !default +$panel-heading-weight: $weight-light !default + +$panel-tab-border-bottom: 1px solid $border !default +$panel-tab-active-border-bottom-color: $link-active-border !default +$panel-tab-active-color: $link-active !default + +$panel-list-item-color: $text !default +$panel-list-item-hover-color: $link !default + +$panel-block-color: $text-strong !default +$panel-block-hover-background-color: $background !default +$panel-block-active-border-left-color: $link !default +$panel-block-active-color: $link-active !default +$panel-block-active-icon-color: $link !default + +$panel-icon-color: $text-light !default + +.panel + font-size: $size-normal + &:not(:last-child) + margin-bottom: 1.5rem + +.panel-heading, +.panel-tabs, +.panel-block + border-bottom: $panel-item-border + border-left: $panel-item-border + border-right: $panel-item-border + &:first-child + border-top: $panel-item-border + +.panel-heading + background-color: $panel-heading-background-color + border-radius: $panel-heading-radius $panel-heading-radius 0 0 + color: $panel-heading-color + font-size: $panel-heading-size + font-weight: $panel-heading-weight + line-height: $panel-heading-line-height + padding: $panel-heading-padding + +.panel-tabs + align-items: flex-end + display: flex + font-size: 0.875em + justify-content: center + a + border-bottom: $panel-tab-border-bottom + margin-bottom: -1px + padding: 0.5em + // Modifiers + &.is-active + border-bottom-color: $panel-tab-active-border-bottom-color + color: $panel-tab-active-color + +.panel-list + a + color: $panel-list-item-color + &:hover + color: $panel-list-item-hover-color + +.panel-block + align-items: center + color: $panel-block-color + display: flex + justify-content: flex-start + padding: 0.5em 0.75em + input[type="checkbox"] + margin-right: 0.75em + & > .control + flex-grow: 1 + flex-shrink: 1 + width: 100% + &.is-wrapped + flex-wrap: wrap + &.is-active + border-left-color: $panel-block-active-border-left-color + color: $panel-block-active-color + .panel-icon + color: $panel-block-active-icon-color + +a.panel-block, +label.panel-block + cursor: pointer + &:hover + background-color: $panel-block-hover-background-color + +.panel-icon + +fa(14px, 1em) + color: $panel-icon-color + margin-right: 0.75em + .fa + font-size: inherit + line-height: inherit diff --git a/src/sass/base/bulma/components/tabs.sass b/src/sass/base/bulma/components/tabs.sass new file mode 100644 index 0000000..21ed90a --- /dev/null +++ b/src/sass/base/bulma/components/tabs.sass @@ -0,0 +1,151 @@ +$tabs-border-bottom-color: $border !default +$tabs-border-bottom-style: solid !default +$tabs-border-bottom-width: 1px !default +$tabs-link-color: $text !default +$tabs-link-hover-border-bottom-color: $text-strong !default +$tabs-link-hover-color: $text-strong !default +$tabs-link-active-border-bottom-color: $link !default +$tabs-link-active-color: $link !default +$tabs-link-padding: 0.5em 1em !default + +$tabs-boxed-link-radius: $radius !default +$tabs-boxed-link-hover-background-color: $background !default +$tabs-boxed-link-hover-border-bottom-color: $border !default + +$tabs-boxed-link-active-background-color: $white !default +$tabs-boxed-link-active-border-color: $border !default +$tabs-boxed-link-active-border-bottom-color: transparent !default + +$tabs-toggle-link-border-color: $border !default +$tabs-toggle-link-border-style: solid !default +$tabs-toggle-link-border-width: 1px !default +$tabs-toggle-link-hover-background-color: $background !default +$tabs-toggle-link-hover-border-color: $border-hover !default +$tabs-toggle-link-radius: $radius !default +$tabs-toggle-link-active-background-color: $link !default +$tabs-toggle-link-active-border-color: $link !default +$tabs-toggle-link-active-color: $link-invert !default + +.tabs + @extend %block + +overflow-touch + @extend %unselectable + align-items: stretch + display: flex + font-size: $size-normal + justify-content: space-between + overflow: hidden + overflow-x: auto + white-space: nowrap + a + align-items: center + border-bottom-color: $tabs-border-bottom-color + border-bottom-style: $tabs-border-bottom-style + border-bottom-width: $tabs-border-bottom-width + color: $tabs-link-color + display: flex + justify-content: center + margin-bottom: -#{$tabs-border-bottom-width} + padding: $tabs-link-padding + vertical-align: top + &:hover + border-bottom-color: $tabs-link-hover-border-bottom-color + color: $tabs-link-hover-color + li + display: block + &.is-active + a + border-bottom-color: $tabs-link-active-border-bottom-color + color: $tabs-link-active-color + ul + align-items: center + border-bottom-color: $tabs-border-bottom-color + border-bottom-style: $tabs-border-bottom-style + border-bottom-width: $tabs-border-bottom-width + display: flex + flex-grow: 1 + flex-shrink: 0 + justify-content: flex-start + &.is-left + padding-right: 0.75em + &.is-center + flex: none + justify-content: center + padding-left: 0.75em + padding-right: 0.75em + &.is-right + justify-content: flex-end + padding-left: 0.75em + .icon + &:first-child + margin-right: 0.5em + &:last-child + margin-left: 0.5em + // Alignment + &.is-centered + ul + justify-content: center + &.is-right + ul + justify-content: flex-end + // Styles + &.is-boxed + a + border: 1px solid transparent + border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0 + &:hover + background-color: $tabs-boxed-link-hover-background-color + border-bottom-color: $tabs-boxed-link-hover-border-bottom-color + li + &.is-active + a + background-color: $tabs-boxed-link-active-background-color + border-color: $tabs-boxed-link-active-border-color + border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important + &.is-fullwidth + li + flex-grow: 1 + flex-shrink: 0 + &.is-toggle + a + border-color: $tabs-toggle-link-border-color + border-style: $tabs-toggle-link-border-style + border-width: $tabs-toggle-link-border-width + margin-bottom: 0 + position: relative + &:hover + background-color: $tabs-toggle-link-hover-background-color + border-color: $tabs-toggle-link-hover-border-color + z-index: 2 + li + & + li + margin-left: -#{$tabs-toggle-link-border-width} + &:first-child a + border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius + &:last-child a + border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0 + &.is-active + a + background-color: $tabs-toggle-link-active-background-color + border-color: $tabs-toggle-link-active-border-color + color: $tabs-toggle-link-active-color + z-index: 1 + ul + border-bottom: none + &.is-toggle-rounded + li + &:first-child a + border-bottom-left-radius: $radius-rounded + border-top-left-radius: $radius-rounded + padding-left: 1.25em + &:last-child a + border-bottom-right-radius: $radius-rounded + border-top-right-radius: $radius-rounded + padding-right: 1.25em + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large diff --git a/src/sass/base/bulma/elements/_all.sass b/src/sass/base/bulma/elements/_all.sass new file mode 100644 index 0000000..2234322 --- /dev/null +++ b/src/sass/base/bulma/elements/_all.sass @@ -0,0 +1,16 @@ +@charset "utf-8" + +@import "box.sass" +@import "button.sass" +@import "container.sass" +@import "content.sass" +@import "form.sass" +@import "icon.sass" +@import "image.sass" +@import "notification.sass" +@import "progress.sass" +@import "table.sass" +@import "tag.sass" +@import "title.sass" + +@import "other.sass" diff --git a/src/sass/base/bulma/elements/box.sass b/src/sass/base/bulma/elements/box.sass new file mode 100644 index 0000000..d58f405 --- /dev/null +++ b/src/sass/base/bulma/elements/box.sass @@ -0,0 +1,24 @@ +$box-color: $text !default +$box-background-color: $white !default +$box-radius: $radius-large !default +$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default +$box-padding: 1.25rem !default + +$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default +$box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default + +.box + @extend %block + background-color: $box-background-color + border-radius: $box-radius + box-shadow: $box-shadow + color: $box-color + display: block + padding: $box-padding + +a.box + &:hover, + &:focus + box-shadow: $box-link-hover-shadow + &:active + box-shadow: $box-link-active-shadow diff --git a/src/sass/base/bulma/elements/button.sass b/src/sass/base/bulma/elements/button.sass new file mode 100644 index 0000000..b23cc33 --- /dev/null +++ b/src/sass/base/bulma/elements/button.sass @@ -0,0 +1,255 @@ +$button-color: $grey-darker !default +$button-background-color: $white !default + +$button-border-color: $grey-lighter !default +$button-border-width: $control-border-width !default + +$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default +$button-padding-horizontal: 0.75em !default + +$button-hover-color: $link-hover !default +$button-hover-border-color: $link-hover-border !default + +$button-focus-color: $link-focus !default +$button-focus-border-color: $link-focus-border !default +$button-focus-box-shadow-size: 0 0 0 0.125em !default +$button-focus-box-shadow-color: rgba($link, 0.25) !default + +$button-active-color: $link-active !default +$button-active-border-color: $link-active-border !default + +$button-text-color: $text !default +$button-text-hover-background-color: $background !default +$button-text-hover-color: $text-strong !default + +$button-disabled-background-color: $white !default +$button-disabled-border-color: $grey-lighter !default +$button-disabled-shadow: none !default +$button-disabled-opacity: 0.5 !default + +$button-static-color: $grey !default +$button-static-background-color: $white-ter !default +$button-static-border-color: $grey-lighter !default + +// The button sizes use mixins so they can be used at different breakpoints +=button-small + border-radius: $radius-small + font-size: $size-small +=button-medium + font-size: $size-medium +=button-large + font-size: $size-large + +.button + @extend %control + @extend %unselectable + background-color: $button-background-color + border-color: $button-border-color + border-width: $button-border-width + color: $button-color + cursor: pointer + justify-content: center + padding-bottom: $button-padding-vertical + padding-left: $button-padding-horizontal + padding-right: $button-padding-horizontal + padding-top: $button-padding-vertical + text-align: center + white-space: nowrap + strong + color: inherit + .icon + &, + &.is-small, + &.is-medium, + &.is-large + height: 1.5em + width: 1.5em + &:first-child:not(:last-child) + margin-left: calc(-0.375em - #{$button-border-width}) + margin-right: 0.1875em + &:last-child:not(:first-child) + margin-left: 0.1875em + margin-right: calc(-0.375em - #{$button-border-width}) + &:first-child:last-child + margin-left: calc(-0.375em - #{$button-border-width}) + margin-right: calc(-0.375em - #{$button-border-width}) + // States + &:hover, + &.is-hovered + border-color: $button-hover-border-color + color: $button-hover-color + &:focus, + &.is-focused + border-color: $button-focus-border-color + color: $button-focus-color + &:not(:active) + box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color + &:active, + &.is-active + border-color: $button-active-border-color + color: $button-active-color + // Colors + &.is-text + background-color: transparent + border-color: transparent + color: $button-text-color + text-decoration: underline + &:hover, + &.is-hovered, + &:focus, + &.is-focused + background-color: $button-text-hover-background-color + color: $button-text-hover-color + &:active, + &.is-active + background-color: darken($button-text-hover-background-color, 5%) + color: $button-text-hover-color + &[disabled] + background-color: transparent + border-color: transparent + box-shadow: none + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + border-color: transparent + color: $color-invert + &:hover, + &.is-hovered + background-color: darken($color, 2.5%) + border-color: transparent + color: $color-invert + &:focus, + &.is-focused + border-color: transparent + color: $color-invert + &:not(:active) + box-shadow: $button-focus-box-shadow-size rgba($color, 0.25) + &:active, + &.is-active + background-color: darken($color, 5%) + border-color: transparent + color: $color-invert + &[disabled] + background-color: $color + border-color: transparent + box-shadow: none + &.is-inverted + background-color: $color-invert + color: $color + &:hover + background-color: darken($color-invert, 5%) + &[disabled] + background-color: $color-invert + border-color: transparent + box-shadow: none + color: $color + &.is-loading + &::after + border-color: transparent transparent $color-invert $color-invert !important + &.is-outlined + background-color: transparent + border-color: $color + color: $color + &:hover, + &:focus + background-color: $color + border-color: $color + color: $color-invert + &.is-loading + &::after + border-color: transparent transparent $color $color !important + &[disabled] + background-color: transparent + border-color: $color + box-shadow: none + color: $color + &.is-inverted.is-outlined + background-color: transparent + border-color: $color-invert + color: $color-invert + &:hover, + &:focus + background-color: $color-invert + color: $color + &[disabled] + background-color: transparent + border-color: $color-invert + box-shadow: none + color: $color-invert + // Sizes + &.is-small + +button-small + &.is-medium + +button-medium + &.is-large + +button-large + // Modifiers + &[disabled] + background-color: $button-disabled-background-color + border-color: $button-disabled-border-color + box-shadow: $button-disabled-shadow + opacity: $button-disabled-opacity + &.is-fullwidth + display: flex + width: 100% + &.is-loading + color: transparent !important + pointer-events: none + &::after + @extend %loader + +center(1em) + position: absolute !important + &.is-static + background-color: $button-static-background-color + border-color: $button-static-border-color + color: $button-static-color + box-shadow: none + pointer-events: none + &.is-rounded + border-radius: $radius-rounded + padding-left: 1em + padding-right: 1em + +.buttons + align-items: center + display: flex + flex-wrap: wrap + justify-content: flex-start + .button + margin-bottom: 0.5rem + &:not(:last-child):not(.is-fullwidth) + margin-right: 0.5rem + &:last-child + margin-bottom: -0.5rem + &:not(:last-child) + margin-bottom: 1rem + &.has-addons + .button + &:not(:first-child) + border-bottom-left-radius: 0 + border-top-left-radius: 0 + &:not(:last-child) + border-bottom-right-radius: 0 + border-top-right-radius: 0 + margin-right: -1px + &:last-child + margin-right: 0 + &:hover, + &.is-hovered + z-index: 2 + &:focus, + &.is-focused, + &:active, + &.is-active, + &.is-selected + z-index: 3 + &:hover + z-index: 4 + &.is-expanded + flex-grow: 1 + &.is-centered + justify-content: center + &.is-right + justify-content: flex-end diff --git a/src/sass/base/bulma/elements/container.sass b/src/sass/base/bulma/elements/container.sass new file mode 100644 index 0000000..2aaf591 --- /dev/null +++ b/src/sass/base/bulma/elements/container.sass @@ -0,0 +1,25 @@ +.container + margin: 0 auto + position: relative + +desktop + max-width: $desktop - (2 * $gap) + width: $desktop - (2 * $gap) + &.is-fluid + margin-left: $gap + margin-right: $gap + max-width: none + width: auto + +until-widescreen + &.is-widescreen + max-width: $widescreen - (2 * $gap) + width: auto + +until-fullhd + &.is-fullhd + max-width: $fullhd - (2 * $gap) + width: auto + +widescreen + max-width: $widescreen - (2 * $gap) + width: $widescreen - (2 * $gap) + +fullhd + max-width: $fullhd - (2 * $gap) + width: $fullhd - (2 * $gap) diff --git a/src/sass/base/bulma/elements/content.sass b/src/sass/base/bulma/elements/content.sass new file mode 100644 index 0000000..3f5530e --- /dev/null +++ b/src/sass/base/bulma/elements/content.sass @@ -0,0 +1,151 @@ +$content-heading-color: $text-strong !default +$content-heading-weight: $weight-semibold !default +$content-heading-line-height: 1.125 !default + +$content-blockquote-background-color: $background !default +$content-blockquote-border-left: 5px solid $border !default +$content-blockquote-padding: 1.25em 1.5em !default + +$content-pre-padding: 1.25em 1.5em !default + +$content-table-cell-border: 1px solid $border !default +$content-table-cell-border-width: 0 0 1px !default +$content-table-cell-padding: 0.5em 0.75em !default +$content-table-cell-heading-color: $text-strong !default +$content-table-head-cell-border-width: 0 0 2px !default +$content-table-head-cell-color: $text-strong !default +$content-table-foot-cell-border-width: 2px 0 0 !default +$content-table-foot-cell-color: $text-strong !default + +.content + @extend %block + // Inline + li + li + margin-top: 0.25em + // Block + p, + dl, + ol, + ul, + blockquote, + pre, + table + &:not(:last-child) + margin-bottom: 1em + h1, + h2, + h3, + h4, + h5, + h6 + color: $content-heading-color + font-weight: $content-heading-weight + line-height: $content-heading-line-height + h1 + font-size: 2em + margin-bottom: 0.5em + &:not(:first-child) + margin-top: 1em + h2 + font-size: 1.75em + margin-bottom: 0.5714em + &:not(:first-child) + margin-top: 1.1428em + h3 + font-size: 1.5em + margin-bottom: 0.6666em + &:not(:first-child) + margin-top: 1.3333em + h4 + font-size: 1.25em + margin-bottom: 0.8em + h5 + font-size: 1.125em + margin-bottom: 0.8888em + h6 + font-size: 1em + margin-bottom: 1em + blockquote + background-color: $content-blockquote-background-color + border-left: $content-blockquote-border-left + padding: $content-blockquote-padding + ol + list-style-position: outside + margin-left: 2em + margin-top: 1em + &:not([type]) + list-style-type: decimal + &.is-lower-alpha + list-style-type: lower-alpha + &.is-lower-roman + list-style-type: lower-roman + &.is-upper-alpha + list-style-type: upper-alpha + &.is-upper-roman + list-style-type: upper-roman + ul + list-style: disc outside + margin-left: 2em + margin-top: 1em + ul + list-style-type: circle + margin-top: 0.5em + ul + list-style-type: square + dd + margin-left: 2em + figure + margin-left: 2em + margin-right: 2em + text-align: center + &:not(:first-child) + margin-top: 2em + &:not(:last-child) + margin-bottom: 2em + img + display: inline-block + figcaption + font-style: italic + pre + +overflow-touch + overflow-x: auto + padding: $content-pre-padding + white-space: pre + word-wrap: normal + sup, + sub + font-size: 75% + table + width: 100% + td, + th + border: $content-table-cell-border + border-width: $content-table-cell-border-width + padding: $content-table-cell-padding + vertical-align: top + th + color: $content-table-cell-heading-color + text-align: left + thead + td, + th + border-width: $content-table-head-cell-border-width + color: $content-table-head-cell-color + tfoot + td, + th + border-width: $content-table-foot-cell-border-width + color: $content-table-foot-cell-color + tbody + tr + &:last-child + td, + th + border-bottom-width: 0 + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large diff --git a/src/sass/base/bulma/elements/form.sass b/src/sass/base/bulma/elements/form.sass new file mode 100644 index 0000000..9d717cf --- /dev/null +++ b/src/sass/base/bulma/elements/form.sass @@ -0,0 +1,630 @@ +$input-color: $grey-darker !default +$input-background-color: $white !default +$input-border-color: $grey-lighter !default +$input-height: $control-height !default +$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default + +$input-hover-color: $grey-darker !default +$input-hover-border-color: $grey-light !default + +$input-focus-color: $grey-darker !default +$input-focus-border-color: $link !default +$input-focus-box-shadow-size: 0 0 0 0.125em !default +$input-focus-box-shadow-color: rgba($link, 0.25) !default + +$input-disabled-color: $text-light !default +$input-disabled-background-color: $background !default +$input-disabled-border-color: $background !default + +$input-arrow: $link !default + +$input-icon-color: $grey-lighter !default +$input-icon-active-color: $grey !default + +$input-radius: $radius !default + +$file-border-color: $border !default +$file-radius: $radius !default + +$file-cta-background-color: $white-ter !default +$file-cta-color: $grey-dark !default +$file-cta-hover-color: $grey-darker !default +$file-cta-active-color: $grey-darker !default + +$file-name-border-color: $border !default +$file-name-border-style: solid !default +$file-name-border-width: 1px 1px 1px 0 !default +$file-name-max-width: 16em !default + +$label-color: $grey-darker !default +$label-weight: $weight-bold !default + +$help-size: $size-small !default + +=input + @extend %control + background-color: $input-background-color + border-color: $input-border-color + color: $input-color + +placeholder + color: rgba($input-color, 0.3) + &:hover, + &.is-hovered + border-color: $input-hover-border-color + &:focus, + &.is-focused, + &:active, + &.is-active + border-color: $input-focus-border-color + box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color + &[disabled] + background-color: $input-disabled-background-color + border-color: $input-disabled-border-color + box-shadow: none + color: $input-disabled-color + +placeholder + color: rgba($input-disabled-color, 0.3) + +.input, +.textarea + +input + box-shadow: $input-shadow + max-width: 100% + width: 100% + &[readonly] + box-shadow: none + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + &.is-#{$name} + border-color: $color + &:focus, + &.is-focused, + &:active, + &.is-active + box-shadow: $input-focus-box-shadow-size rgba($color, 0.25) + // Sizes + &.is-small + +control-small + &.is-medium + +control-medium + &.is-large + +control-large + // Modifiers + &.is-fullwidth + display: block + width: 100% + &.is-inline + display: inline + width: auto + +.input + &.is-rounded + border-radius: $radius-rounded + padding-left: 1em + padding-right: 1em + &.is-static + background-color: transparent + border-color: transparent + box-shadow: none + padding-left: 0 + padding-right: 0 + +.textarea + display: block + max-width: 100% + min-width: 100% + padding: 0.625em + resize: vertical + &:not([rows]) + max-height: 600px + min-height: 120px + &[rows] + height: initial + // Modifiers + &.has-fixed-size + resize: none + +.checkbox, +.radio + cursor: pointer + display: inline-block + line-height: 1.25 + position: relative + input + cursor: pointer + &:hover + color: $input-hover-color + &[disabled] + color: $input-disabled-color + cursor: not-allowed + +.radio + & + .radio + margin-left: 0.5em + +.select + display: inline-block + max-width: 100% + position: relative + vertical-align: top + &:not(.is-multiple) + height: $input-height + &:not(.is-multiple):not(.is-loading) + &::after + @extend %arrow + border-color: $input-arrow + right: 1.125em + z-index: 4 + &.is-rounded + select + border-radius: $radius-rounded + padding-left: 1em + select + +input + cursor: pointer + display: block + font-size: 1em + max-width: 100% + outline: none + &::-ms-expand + display: none + &[disabled]:hover + border-color: $input-disabled-border-color + &:not([multiple]) + padding-right: 2.5em + &[multiple] + height: auto + padding: 0 + option + padding: 0.5em 1em + // States + &:not(.is-multiple):not(.is-loading):hover + &::after + border-color: $input-hover-color + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + &.is-#{$name} + &:not(:hover)::after + border-color: $color + select + border-color: $color + &:hover, + &.is-hovered + border-color: darken($color, 5%) + &:focus, + &.is-focused, + &:active, + &.is-active + box-shadow: $input-focus-box-shadow-size rgba($color, 0.25) + // Sizes + &.is-small + +control-small + &.is-medium + +control-medium + &.is-large + +control-large + // Modifiers + &.is-disabled + &::after + border-color: $input-disabled-color + &.is-fullwidth + width: 100% + select + width: 100% + &.is-loading + &::after + @extend %loader + margin-top: 0 + position: absolute + right: 0.625em + top: 0.625em + transform: none + &.is-small:after + font-size: $size-small + &.is-medium:after + font-size: $size-medium + &.is-large:after + font-size: $size-large + +.file + @extend %unselectable + align-items: stretch + display: flex + justify-content: flex-start + position: relative + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + .file-cta + background-color: $color + border-color: transparent + color: $color-invert + &:hover, + &.is-hovered + .file-cta + background-color: darken($color, 2.5%) + border-color: transparent + color: $color-invert + &:focus, + &.is-focused + .file-cta + border-color: transparent + box-shadow: 0 0 0.5em rgba($color, 0.25) + color: $color-invert + &:active, + &.is-active + .file-cta + background-color: darken($color, 5%) + border-color: transparent + color: $color-invert + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + .file-icon + .fa + font-size: 21px + &.is-large + font-size: $size-large + .file-icon + .fa + font-size: 28px + // Modifiers + &.has-name + .file-cta + border-bottom-right-radius: 0 + border-top-right-radius: 0 + .file-name + border-bottom-left-radius: 0 + border-top-left-radius: 0 + &.is-empty + .file-cta + border-radius: $file-radius + .file-name + display: none + &.is-boxed + .file-label + flex-direction: column + .file-cta + flex-direction: column + height: auto + padding: 1em 3em + .file-name + border-width: 0 1px 1px + .file-icon + height: 1.5em + width: 1.5em + .fa + font-size: 21px + &.is-small + .file-icon .fa + font-size: 14px + &.is-medium + .file-icon .fa + font-size: 28px + &.is-large + .file-icon .fa + font-size: 35px + &.has-name + .file-cta + border-radius: $file-radius $file-radius 0 0 + .file-name + border-radius: 0 0 $file-radius $file-radius + border-width: 0 1px 1px + &.is-centered + justify-content: center + &.is-fullwidth + .file-label + width: 100% + .file-name + flex-grow: 1 + max-width: none + &.is-right + justify-content: flex-end + .file-cta + border-radius: 0 $file-radius $file-radius 0 + .file-name + border-radius: $file-radius 0 0 $file-radius + border-width: 1px 0 1px 1px + order: -1 + +.file-label + align-items: stretch + display: flex + cursor: pointer + justify-content: flex-start + overflow: hidden + position: relative + &:hover + .file-cta + background-color: darken($file-cta-background-color, 2.5%) + color: $file-cta-hover-color + .file-name + border-color: darken($file-name-border-color, 2.5%) + &:active + .file-cta + background-color: darken($file-cta-background-color, 5%) + color: $file-cta-active-color + .file-name + border-color: darken($file-name-border-color, 5%) + +.file-input + height: 100% + left: 0 + opacity: 0 + outline: none + position: absolute + top: 0 + width: 100% + +.file-cta, +.file-name + @extend %control + border-color: $file-border-color + border-radius: $file-radius + font-size: 1em + padding-left: 1em + padding-right: 1em + white-space: nowrap + +.file-cta + background-color: $file-cta-background-color + color: $file-cta-color + +.file-name + border-color: $file-name-border-color + border-style: $file-name-border-style + border-width: $file-name-border-width + display: block + max-width: $file-name-max-width + overflow: hidden + text-align: left + text-overflow: ellipsis + +.file-icon + align-items: center + display: flex + height: 1em + justify-content: center + margin-right: 0.5em + width: 1em + .fa + font-size: 14px + +.label + color: $label-color + display: block + font-size: $size-normal + font-weight: $label-weight + &:not(:last-child) + margin-bottom: 0.5em + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + +.help + display: block + font-size: $help-size + margin-top: 0.25rem + @each $name, $pair in $colors + $color: nth($pair, 1) + &.is-#{$name} + color: $color + +// Containers + +.field + &:not(:last-child) + margin-bottom: 0.75rem + // Modifiers + &.has-addons + display: flex + justify-content: flex-start + .control + &:not(:last-child) + margin-right: -1px + &:not(:first-child):not(:last-child) + .button, + .input, + .select select + border-radius: 0 + &:first-child + .button, + .input, + .select select + border-bottom-right-radius: 0 + border-top-right-radius: 0 + &:last-child + .button, + .input, + .select select + border-bottom-left-radius: 0 + border-top-left-radius: 0 + .button, + .input, + .select select + &:not([disabled]) + &:hover, + &.is-hovered + z-index: 2 + &:focus, + &.is-focused, + &:active, + &.is-active + z-index: 3 + &:hover + z-index: 4 + &.is-expanded + flex-grow: 1 + &.has-addons-centered + justify-content: center + &.has-addons-right + justify-content: flex-end + &.has-addons-fullwidth + .control + flex-grow: 1 + flex-shrink: 0 + &.is-grouped + display: flex + justify-content: flex-start + & > .control + flex-shrink: 0 + &:not(:last-child) + margin-bottom: 0 + margin-right: 0.75rem + &.is-expanded + flex-grow: 1 + flex-shrink: 1 + &.is-grouped-centered + justify-content: center + &.is-grouped-right + justify-content: flex-end + &.is-grouped-multiline + flex-wrap: wrap + & > .control + &:last-child, + &:not(:last-child) + margin-bottom: 0.75rem + &:last-child + margin-bottom: -0.75rem + &:not(:last-child) + margin-bottom: 0 + + &.is-horizontal + +tablet + display: flex + +.field-label + .label + font-size: inherit + +mobile + margin-bottom: 0.5rem + +tablet + flex-basis: 0 + flex-grow: 1 + flex-shrink: 0 + margin-right: 1.5rem + text-align: right + &.is-small + font-size: $size-small + padding-top: 0.375em + &.is-normal + padding-top: 0.375em + &.is-medium + font-size: $size-medium + padding-top: 0.375em + &.is-large + font-size: $size-large + padding-top: 0.375em + +.field-body + .field .field + margin-bottom: 0 + +tablet + display: flex + flex-basis: 0 + flex-grow: 5 + flex-shrink: 1 + .field + margin-bottom: 0 + & > .field + flex-shrink: 1 + &:not(.is-narrow) + flex-grow: 1 + &:not(:last-child) + margin-right: 0.75rem + +.control + clear: both //fixes the icon floating out of the input when help text is floated right + font-size: $size-normal + position: relative + text-align: left + // Modifiers + // DEPRECATED + &.has-icon + .icon + color: $input-icon-color + height: $input-height + pointer-events: none + position: absolute + top: 0 + width: $input-height + z-index: 4 + .input + &:focus + & + .icon + color: $input-icon-active-color + &.is-small + & + .icon + font-size: $size-small + &.is-medium + & + .icon + font-size: $size-medium + &.is-large + & + .icon + font-size: $size-large + &:not(.has-icon-right) + .icon + left: 0 + .input + padding-left: $input-height + &.has-icon-right + .icon + right: 0 + .input + padding-right: $input-height + &.has-icons-left, + &.has-icons-right + .input, + .select + &:focus + & ~ .icon + color: $input-icon-active-color + &.is-small ~ .icon + font-size: $size-small + &.is-medium ~ .icon + font-size: $size-medium + &.is-large ~ .icon + font-size: $size-large + .icon + color: $input-icon-color + height: $input-height + pointer-events: none + position: absolute + top: 0 + width: $input-height + z-index: 4 + &.has-icons-left + .input, + .select select + padding-left: $input-height + .icon.is-left + left: 0 + &.has-icons-right + .input, + .select select + padding-right: $input-height + .icon.is-right + right: 0 + &.is-loading + &::after + @extend %loader + position: absolute !important + right: 0.625em + top: 0.625em + z-index: 4 + &.is-small:after + font-size: $size-small + &.is-medium:after + font-size: $size-medium + &.is-large:after + font-size: $size-large diff --git a/src/sass/base/bulma/elements/icon.sass b/src/sass/base/bulma/elements/icon.sass new file mode 100644 index 0000000..988546c --- /dev/null +++ b/src/sass/base/bulma/elements/icon.sass @@ -0,0 +1,21 @@ +$icon-dimensions: 1.5rem !default +$icon-dimensions-small: 1rem !default +$icon-dimensions-medium: 2rem !default +$icon-dimensions-large: 3rem !default + +.icon + align-items: center + display: inline-flex + justify-content: center + height: $icon-dimensions + width: $icon-dimensions + // Sizes + &.is-small + height: $icon-dimensions-small + width: $icon-dimensions-small + &.is-medium + height: $icon-dimensions-medium + width: $icon-dimensions-medium + &.is-large + height: $icon-dimensions-large + width: $icon-dimensions-large diff --git a/src/sass/base/bulma/elements/image.sass b/src/sass/base/bulma/elements/image.sass new file mode 100644 index 0000000..e1e877b --- /dev/null +++ b/src/sass/base/bulma/elements/image.sass @@ -0,0 +1,68 @@ +$dimensions: 16 24 32 48 64 96 128 !default + +.image + display: block + position: relative + img + display: block + height: auto + width: 100% + &.is-rounded + border-radius: $radius-rounded + // Ratio + &.is-square, + &.is-1by1, + &.is-5by4, + &.is-4by3, + &.is-3by2, + &.is-5by3, + &.is-16by9, + &.is-2by1, + &.is-3by1, + &.is-4by5, + &.is-3by4, + &.is-2by3, + &.is-3by5, + &.is-9by16, + &.is-1by2, + &.is-1by3 + img + @extend %overlay + height: 100% + width: 100% + &.is-square, + &.is-1by1 + padding-top: 100% + &.is-5by4 + padding-top: 80% + &.is-4by3 + padding-top: 75% + &.is-3by2 + padding-top: 66.6666% + &.is-5by3 + padding-top: 60% + &.is-16by9 + padding-top: 56.25% + &.is-2by1 + padding-top: 50% + &.is-3by1 + padding-top: 33.3333% + &.is-4by5 + padding-top: 125% + &.is-3by4 + padding-top: 133.3333% + &.is-2by3 + padding-top: 150% + &.is-3by5 + padding-top: 166.6666% + &.is-9by16 + padding-top: 177.7777% + &.is-1by2 + padding-top: 200% + &.is-1by3 + padding-top: 300% + // Sizes + @each $dimension in $dimensions + &.is-#{$dimension}x#{$dimension} + height: $dimension * 1px + width: $dimension * 1px diff --git a/src/sass/base/bulma/elements/notification.sass b/src/sass/base/bulma/elements/notification.sass new file mode 100644 index 0000000..2bda414 --- /dev/null +++ b/src/sass/base/bulma/elements/notification.sass @@ -0,0 +1,35 @@ +$notification-background-color: $background !default +$notification-radius: $radius !default +$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default + +.notification + @extend %block + background-color: $notification-background-color + border-radius: $notification-radius + padding: $notification-padding + position: relative + a:not(.button):not(.dropdown-item) + color: currentColor + text-decoration: underline + strong + color: currentColor + code, + pre + background: $white + pre code + background: transparent + & > .delete + position: absolute + right: 0.5rem + top: 0.5rem + .title, + .subtitle, + .content + color: currentColor + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert diff --git a/src/sass/base/bulma/elements/other.sass b/src/sass/base/bulma/elements/other.sass new file mode 100644 index 0000000..5725617 --- /dev/null +++ b/src/sass/base/bulma/elements/other.sass @@ -0,0 +1,39 @@ +.block + @extend %block + +.delete + @extend %delete + +.heading + display: block + font-size: 11px + letter-spacing: 1px + margin-bottom: 5px + text-transform: uppercase + +.highlight + @extend %block + font-weight: $weight-normal + max-width: 100% + overflow: hidden + padding: 0 + pre + overflow: auto + max-width: 100% + +.loader + @extend %loader + +.number + align-items: center + background-color: $background + border-radius: $radius-rounded + display: inline-flex + font-size: $size-medium + height: 2em + justify-content: center + margin-right: 1.5rem + min-width: 2.5em + padding: 0.25rem 0.5rem + text-align: center + vertical-align: top diff --git a/src/sass/base/bulma/elements/progress.sass b/src/sass/base/bulma/elements/progress.sass new file mode 100644 index 0000000..5051406 --- /dev/null +++ b/src/sass/base/bulma/elements/progress.sass @@ -0,0 +1,40 @@ +$progress-bar-background-color: $border !default +$progress-value-background-color: $text !default + +.progress + @extend %block + -moz-appearance: none + -webkit-appearance: none + border: none + border-radius: $radius-rounded + display: block + height: $size-normal + overflow: hidden + padding: 0 + width: 100% + &::-webkit-progress-bar + background-color: $progress-bar-background-color + &::-webkit-progress-value + background-color: $progress-value-background-color + &::-moz-progress-bar + background-color: $progress-value-background-color + &::-ms-fill + background-color: $progress-value-background-color + border: none + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + &.is-#{$name} + &::-webkit-progress-value + background-color: $color + &::-moz-progress-bar + background-color: $color + &::-ms-fill + background-color: $color + // Sizes + &.is-small + height: $size-small + &.is-medium + height: $size-medium + &.is-large + height: $size-large diff --git a/src/sass/base/bulma/elements/table.sass b/src/sass/base/bulma/elements/table.sass new file mode 100644 index 0000000..a4c7e9b --- /dev/null +++ b/src/sass/base/bulma/elements/table.sass @@ -0,0 +1,119 @@ +$table-color: $grey-darker !default +$table-background-color: $white !default + +$table-cell-border: 1px solid $grey-lighter !default +$table-cell-border-width: 0 0 1px !default +$table-cell-padding: 0.5em 0.75em !default +$table-cell-heading-color: $text-strong !default + +$table-head-cell-border-width: 0 0 2px !default +$table-head-cell-color: $text-strong !default +$table-foot-cell-border-width: 2px 0 0 !default +$table-foot-cell-color: $text-strong !default + +$table-row-hover-background-color: $white-bis !default + +$table-row-active-background-color: $primary !default +$table-row-active-color: $primary-invert !default + +$table-striped-row-even-background-color: $white-bis !default +$table-striped-row-even-hover-background-color: $white-ter !default + +.table + @extend %block + background-color: $table-background-color + color: $table-color + td, + th + border: $table-cell-border + border-width: $table-cell-border-width + padding: $table-cell-padding + vertical-align: top + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + border-color: $color + color: $color-invert + // Modifiers + &.is-narrow + white-space: nowrap + width: 1% + &.is-selected + background-color: $table-row-active-background-color + color: $table-row-active-color + a, + strong + color: currentColor + th + color: $table-cell-heading-color + text-align: left + tr + &.is-selected + background-color: $table-row-active-background-color + color: $table-row-active-color + a, + strong + color: currentColor + td, + th + border-color: $table-row-active-color + color: currentColor + thead + td, + th + border-width: $table-head-cell-border-width + color: $table-head-cell-color + tfoot + td, + th + border-width: $table-foot-cell-border-width + color: $table-foot-cell-color + tbody + tr + &:last-child + td, + th + border-bottom-width: 0 + // Modifiers + &.is-bordered + td, + th + border-width: 1px + tr + &:last-child + td, + th + border-bottom-width: 1px + &.is-fullwidth + width: 100% + &.is-hoverable + tbody + tr:not(.is-selected) + &:hover + background-color: $table-row-hover-background-color + &.is-striped + tbody + tr:not(.is-selected) + &:hover + background-color: $table-row-hover-background-color + &:nth-child(even) + background-color: $table-striped-row-even-hover-background-color + &.is-narrow + td, + th + padding: 0.25em 0.5em + &.is-striped + tbody + tr:not(.is-selected) + &:nth-child(even) + background-color: $table-striped-row-even-background-color + +.table-container + @extend %block + +overflow-touch + overflow: auto + overflow-y: hidden + max-width: 100% diff --git a/src/sass/base/bulma/elements/tag.sass b/src/sass/base/bulma/elements/tag.sass new file mode 100644 index 0000000..7c25054 --- /dev/null +++ b/src/sass/base/bulma/elements/tag.sass @@ -0,0 +1,111 @@ +$tag-background-color: $background !default +$tag-color: $text !default +$tag-radius: $radius !default +$tag-delete-margin: 1px !default + +.tags + align-items: center + display: flex + flex-wrap: wrap + justify-content: flex-start + .tag + margin-bottom: 0.5rem + &:not(:last-child) + margin-right: 0.5rem + &:last-child + margin-bottom: -0.5rem + &:not(:last-child) + margin-bottom: 1rem + &.has-addons + .tag + margin-right: 0 + &:not(:first-child) + border-bottom-left-radius: 0 + border-top-left-radius: 0 + &:not(:last-child) + border-bottom-right-radius: 0 + border-top-right-radius: 0 + &.is-centered + justify-content: center + .tag + margin-right: 0.25rem + margin-left: 0.25rem + &.is-right + justify-content: flex-end + .tag + &:not(:first-child) + margin-left: 0.5rem + &:not(:last-child) + margin-right: 0 + +.tag:not(body) + align-items: center + background-color: $tag-background-color + border-radius: $tag-radius + color: $tag-color + display: inline-flex + font-size: $size-small + height: 2em + justify-content: center + line-height: 1.5 + padding-left: 0.75em + padding-right: 0.75em + white-space: nowrap + .delete + margin-left: 0.25rem + margin-right: -0.375rem + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert + // Sizes + &.is-medium + font-size: $size-normal + &.is-large + font-size: $size-medium + .icon + &:first-child:not(:last-child) + margin-left: -0.375em + margin-right: 0.1875em + &:last-child:not(:first-child) + margin-left: 0.1875em + margin-right: -0.375em + &:first-child:last-child + margin-left: -0.375em + margin-right: -0.375em + // Modifiers + &.is-delete + margin-left: $tag-delete-margin + padding: 0 + position: relative + width: 2em + &::before, + &::after + background-color: currentColor + content: "" + display: block + left: 50% + position: absolute + top: 50% + transform: translateX(-50%) translateY(-50%) rotate(45deg) + transform-origin: center center + &::before + height: 1px + width: 50% + &::after + height: 50% + width: 1px + &:hover, + &:focus + background-color: darken($tag-background-color, 5%) + &:active + background-color: darken($tag-background-color, 10%) + &.is-rounded + border-radius: $radius-rounded + +a.tag + &:hover + text-decoration: underline diff --git a/src/sass/base/bulma/elements/title.sass b/src/sass/base/bulma/elements/title.sass new file mode 100644 index 0000000..febe2fc --- /dev/null +++ b/src/sass/base/bulma/elements/title.sass @@ -0,0 +1,64 @@ +$title-color: $grey-darker !default +$title-size: $size-3 !default +$title-weight: $weight-semibold !default +$title-line-height: 1.125 !default +$title-strong-color: inherit !default +$title-strong-weight: inherit !default +$title-sub-size: 0.75em !default +$title-sup-size: 0.75em !default + +$subtitle-color: $grey-dark !default +$subtitle-size: $size-5 !default +$subtitle-weight: $weight-normal !default +$subtitle-line-height: 1.25 !default +$subtitle-strong-color: $grey-darker !default +$subtitle-strong-weight: $weight-semibold !default +$subtitle-negative-margin: -1.25rem !default + +.title, +.subtitle + @extend %block + word-break: break-word + em, + span + font-weight: inherit + sub + font-size: $title-sub-size + sup + font-size: $title-sup-size + .tag + vertical-align: middle + +.title + color: $title-color + font-size: $title-size + font-weight: $title-weight + line-height: $title-line-height + strong + color: $title-strong-color + font-weight: $title-strong-weight + & + .highlight + margin-top: -0.75rem + &:not(.is-spaced) + .subtitle + margin-top: $subtitle-negative-margin + // Sizes + @each $size in $sizes + $i: index($sizes, $size) + &.is-#{$i} + font-size: $size + +.subtitle + color: $subtitle-color + font-size: $subtitle-size + font-weight: $subtitle-weight + line-height: $subtitle-line-height + strong + color: $subtitle-strong-color + font-weight: $subtitle-strong-weight + &:not(.is-spaced) + .title + margin-top: $subtitle-negative-margin + // Sizes + @each $size in $sizes + $i: index($sizes, $size) + &.is-#{$i} + font-size: $size diff --git a/src/sass/base/bulma/grid/_all.sass b/src/sass/base/bulma/grid/_all.sass new file mode 100644 index 0000000..e53070f --- /dev/null +++ b/src/sass/base/bulma/grid/_all.sass @@ -0,0 +1,4 @@ +@charset "utf-8" + +@import "columns.sass" +@import "tiles.sass" diff --git a/src/sass/base/bulma/grid/columns.sass b/src/sass/base/bulma/grid/columns.sass new file mode 100644 index 0000000..bd41761 --- /dev/null +++ b/src/sass/base/bulma/grid/columns.sass @@ -0,0 +1,504 @@ +$column-gap: 0.75rem !default + +.column + display: block + flex-basis: 0 + flex-grow: 1 + flex-shrink: 1 + padding: $column-gap + .columns.is-mobile > &.is-narrow + flex: none + .columns.is-mobile > &.is-full + flex: none + width: 100% + .columns.is-mobile > &.is-three-quarters + flex: none + width: 75% + .columns.is-mobile > &.is-two-thirds + flex: none + width: 66.6666% + .columns.is-mobile > &.is-half + flex: none + width: 50% + .columns.is-mobile > &.is-one-third + flex: none + width: 33.3333% + .columns.is-mobile > &.is-one-quarter + flex: none + width: 25% + .columns.is-mobile > &.is-one-fifth + flex: none + width: 20% + .columns.is-mobile > &.is-two-fifths + flex: none + width: 40% + .columns.is-mobile > &.is-three-fifths + flex: none + width: 60% + .columns.is-mobile > &.is-four-fifths + flex: none + width: 80% + .columns.is-mobile > &.is-offset-three-quarters + margin-left: 75% + .columns.is-mobile > &.is-offset-two-thirds + margin-left: 66.6666% + .columns.is-mobile > &.is-offset-half + margin-left: 50% + .columns.is-mobile > &.is-offset-one-third + margin-left: 33.3333% + .columns.is-mobile > &.is-offset-one-quarter + margin-left: 25% + .columns.is-mobile > &.is-offset-one-fifth + margin-left: 20% + .columns.is-mobile > &.is-offset-two-fifths + margin-left: 40% + .columns.is-mobile > &.is-offset-three-fifths + margin-left: 60% + .columns.is-mobile > &.is-offset-four-fifths + margin-left: 80% + @for $i from 1 through 12 + .columns.is-mobile > &.is-#{$i} + flex: none + width: percentage($i / 12) + .columns.is-mobile > &.is-offset-#{$i} + margin-left: percentage($i / 12) + +mobile + &.is-narrow-mobile + flex: none + &.is-full-mobile + flex: none + width: 100% + &.is-three-quarters-mobile + flex: none + width: 75% + &.is-two-thirds-mobile + flex: none + width: 66.6666% + &.is-half-mobile + flex: none + width: 50% + &.is-one-third-mobile + flex: none + width: 33.3333% + &.is-one-quarter-mobile + flex: none + width: 25% + &.is-one-fifth-mobile + flex: none + width: 20% + &.is-two-fifths-mobile + flex: none + width: 40% + &.is-three-fifths-mobile + flex: none + width: 60% + &.is-four-fifths-mobile + flex: none + width: 80% + &.is-offset-three-quarters-mobile + margin-left: 75% + &.is-offset-two-thirds-mobile + margin-left: 66.6666% + &.is-offset-half-mobile + margin-left: 50% + &.is-offset-one-third-mobile + margin-left: 33.3333% + &.is-offset-one-quarter-mobile + margin-left: 25% + &.is-offset-one-fifth-mobile + margin-left: 20% + &.is-offset-two-fifths-mobile + margin-left: 40% + &.is-offset-three-fifths-mobile + margin-left: 60% + &.is-offset-four-fifths-mobile + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-mobile + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-mobile + margin-left: percentage($i / 12) + +tablet + &.is-narrow, + &.is-narrow-tablet + flex: none + &.is-full, + &.is-full-tablet + flex: none + width: 100% + &.is-three-quarters, + &.is-three-quarters-tablet + flex: none + width: 75% + &.is-two-thirds, + &.is-two-thirds-tablet + flex: none + width: 66.6666% + &.is-half, + &.is-half-tablet + flex: none + width: 50% + &.is-one-third, + &.is-one-third-tablet + flex: none + width: 33.3333% + &.is-one-quarter, + &.is-one-quarter-tablet + flex: none + width: 25% + &.is-one-fifth, + &.is-one-fifth-tablet + flex: none + width: 20% + &.is-two-fifths, + &.is-two-fifths-tablet + flex: none + width: 40% + &.is-three-fifths, + &.is-three-fifths-tablet + flex: none + width: 60% + &.is-four-fifths, + &.is-four-fifths-tablet + flex: none + width: 80% + &.is-offset-three-quarters, + &.is-offset-three-quarters-tablet + margin-left: 75% + &.is-offset-two-thirds, + &.is-offset-two-thirds-tablet + margin-left: 66.6666% + &.is-offset-half, + &.is-offset-half-tablet + margin-left: 50% + &.is-offset-one-third, + &.is-offset-one-third-tablet + margin-left: 33.3333% + &.is-offset-one-quarter, + &.is-offset-one-quarter-tablet + margin-left: 25% + &.is-offset-one-fifth, + &.is-offset-one-fifth-tablet + margin-left: 20% + &.is-offset-two-fifths, + &.is-offset-two-fifths-tablet + margin-left: 40% + &.is-offset-three-fifths, + &.is-offset-three-fifths-tablet + margin-left: 60% + &.is-offset-four-fifths, + &.is-offset-four-fifths-tablet + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}, + &.is-#{$i}-tablet + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}, + &.is-offset-#{$i}-tablet + margin-left: percentage($i / 12) + +touch + &.is-narrow-touch + flex: none + &.is-full-touch + flex: none + width: 100% + &.is-three-quarters-touch + flex: none + width: 75% + &.is-two-thirds-touch + flex: none + width: 66.6666% + &.is-half-touch + flex: none + width: 50% + &.is-one-third-touch + flex: none + width: 33.3333% + &.is-one-quarter-touch + flex: none + width: 25% + &.is-one-fifth-touch + flex: none + width: 20% + &.is-two-fifths-touch + flex: none + width: 40% + &.is-three-fifths-touch + flex: none + width: 60% + &.is-four-fifths-touch + flex: none + width: 80% + &.is-offset-three-quarters-touch + margin-left: 75% + &.is-offset-two-thirds-touch + margin-left: 66.6666% + &.is-offset-half-touch + margin-left: 50% + &.is-offset-one-third-touch + margin-left: 33.3333% + &.is-offset-one-quarter-touch + margin-left: 25% + &.is-offset-one-fifth-touch + margin-left: 20% + &.is-offset-two-fifths-touch + margin-left: 40% + &.is-offset-three-fifths-touch + margin-left: 60% + &.is-offset-four-fifths-touch + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-touch + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-touch + margin-left: percentage($i / 12) + +desktop + &.is-narrow-desktop + flex: none + &.is-full-desktop + flex: none + width: 100% + &.is-three-quarters-desktop + flex: none + width: 75% + &.is-two-thirds-desktop + flex: none + width: 66.6666% + &.is-half-desktop + flex: none + width: 50% + &.is-one-third-desktop + flex: none + width: 33.3333% + &.is-one-quarter-desktop + flex: none + width: 25% + &.is-one-fifth-desktop + flex: none + width: 20% + &.is-two-fifths-desktop + flex: none + width: 40% + &.is-three-fifths-desktop + flex: none + width: 60% + &.is-four-fifths-desktop + flex: none + width: 80% + &.is-offset-three-quarters-desktop + margin-left: 75% + &.is-offset-two-thirds-desktop + margin-left: 66.6666% + &.is-offset-half-desktop + margin-left: 50% + &.is-offset-one-third-desktop + margin-left: 33.3333% + &.is-offset-one-quarter-desktop + margin-left: 25% + &.is-offset-one-fifth-desktop + margin-left: 20% + &.is-offset-two-fifths-desktop + margin-left: 40% + &.is-offset-three-fifths-desktop + margin-left: 60% + &.is-offset-four-fifths-desktop + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-desktop + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-desktop + margin-left: percentage($i / 12) + +widescreen + &.is-narrow-widescreen + flex: none + &.is-full-widescreen + flex: none + width: 100% + &.is-three-quarters-widescreen + flex: none + width: 75% + &.is-two-thirds-widescreen + flex: none + width: 66.6666% + &.is-half-widescreen + flex: none + width: 50% + &.is-one-third-widescreen + flex: none + width: 33.3333% + &.is-one-quarter-widescreen + flex: none + width: 25% + &.is-one-fifth-widescreen + flex: none + width: 20% + &.is-two-fifths-widescreen + flex: none + width: 40% + &.is-three-fifths-widescreen + flex: none + width: 60% + &.is-four-fifths-widescreen + flex: none + width: 80% + &.is-offset-three-quarters-widescreen + margin-left: 75% + &.is-offset-two-thirds-widescreen + margin-left: 66.6666% + &.is-offset-half-widescreen + margin-left: 50% + &.is-offset-one-third-widescreen + margin-left: 33.3333% + &.is-offset-one-quarter-widescreen + margin-left: 25% + &.is-offset-one-fifth-widescreen + margin-left: 20% + &.is-offset-two-fifths-widescreen + margin-left: 40% + &.is-offset-three-fifths-widescreen + margin-left: 60% + &.is-offset-four-fifths-widescreen + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-widescreen + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-widescreen + margin-left: percentage($i / 12) + +fullhd + &.is-narrow-fullhd + flex: none + &.is-full-fullhd + flex: none + width: 100% + &.is-three-quarters-fullhd + flex: none + width: 75% + &.is-two-thirds-fullhd + flex: none + width: 66.6666% + &.is-half-fullhd + flex: none + width: 50% + &.is-one-third-fullhd + flex: none + width: 33.3333% + &.is-one-quarter-fullhd + flex: none + width: 25% + &.is-one-fifth-fullhd + flex: none + width: 20% + &.is-two-fifths-fullhd + flex: none + width: 40% + &.is-three-fifths-fullhd + flex: none + width: 60% + &.is-four-fifths-fullhd + flex: none + width: 80% + &.is-offset-three-quarters-fullhd + margin-left: 75% + &.is-offset-two-thirds-fullhd + margin-left: 66.6666% + &.is-offset-half-fullhd + margin-left: 50% + &.is-offset-one-third-fullhd + margin-left: 33.3333% + &.is-offset-one-quarter-fullhd + margin-left: 25% + &.is-offset-one-fifth-fullhd + margin-left: 20% + &.is-offset-two-fifths-fullhd + margin-left: 40% + &.is-offset-three-fifths-fullhd + margin-left: 60% + &.is-offset-four-fifths-fullhd + margin-left: 80% + @for $i from 1 through 12 + &.is-#{$i}-fullhd + flex: none + width: percentage($i / 12) + &.is-offset-#{$i}-fullhd + margin-left: percentage($i / 12) + +.columns + margin-left: (-$column-gap) + margin-right: (-$column-gap) + margin-top: (-$column-gap) + &:last-child + margin-bottom: (-$column-gap) + &:not(:last-child) + margin-bottom: calc(1.5rem - #{$column-gap}) + // Modifiers + &.is-centered + justify-content: center + &.is-gapless + margin-left: 0 + margin-right: 0 + margin-top: 0 + & > .column + margin: 0 + padding: 0 !important + &:not(:last-child) + margin-bottom: 1.5rem + &:last-child + margin-bottom: 0 + &.is-mobile + display: flex + &.is-multiline + flex-wrap: wrap + &.is-vcentered + align-items: center + // Responsiveness + +tablet + &:not(.is-desktop) + display: flex + +desktop + // Modifiers + &.is-desktop + display: flex + +@if $variable-columns + .columns.is-variable + --columnGap: 0.75rem + margin-left: calc(-1 * var(--columnGap)) + margin-right: calc(-1 * var(--columnGap)) + .column + padding-left: var(--columnGap) + padding-right: var(--columnGap) + @for $i from 0 through 8 + &.is-#{$i} + --columnGap: #{$i * 0.25rem} + +mobile + &.is-#{$i}-mobile + --columnGap: #{$i * 0.25rem} + +tablet + &.is-#{$i}-tablet + --columnGap: #{$i * 0.25rem} + +tablet-only + &.is-#{$i}-tablet-only + --columnGap: #{$i * 0.25rem} + +touch + &.is-#{$i}-touch + --columnGap: #{$i * 0.25rem} + +desktop + &.is-#{$i}-desktop + --columnGap: #{$i * 0.25rem} + +desktop-only + &.is-#{$i}-desktop-only + --columnGap: #{$i * 0.25rem} + +widescreen + &.is-#{$i}-widescreen + --columnGap: #{$i * 0.25rem} + +widescreen-only + &.is-#{$i}-widescreen-only + --columnGap: #{$i * 0.25rem} + +fullhd + &.is-#{$i}-fullhd + --columnGap: #{$i * 0.25rem} diff --git a/src/sass/base/bulma/grid/tiles.sass b/src/sass/base/bulma/grid/tiles.sass new file mode 100644 index 0000000..1f6a626 --- /dev/null +++ b/src/sass/base/bulma/grid/tiles.sass @@ -0,0 +1,32 @@ +.tile + align-items: stretch + display: block + flex-basis: 0 + flex-grow: 1 + flex-shrink: 1 + min-height: min-content + // Modifiers + &.is-ancestor + margin-left: -0.75rem + margin-right: -0.75rem + margin-top: -0.75rem + &:last-child + margin-bottom: -0.75rem + &:not(:last-child) + margin-bottom: 0.75rem + &.is-child + margin: 0 !important + &.is-parent + padding: 0.75rem + &.is-vertical + flex-direction: column + & > .tile.is-child:not(:last-child) + margin-bottom: 1.5rem !important + // Responsiveness + +tablet + &:not(.is-child) + display: flex + @for $i from 1 through 12 + &.is-#{$i} + flex: none + width: ($i / 12) * 100% diff --git a/src/sass/base/bulma/layout/_all.sass b/src/sass/base/bulma/layout/_all.sass new file mode 100644 index 0000000..143ada3 --- /dev/null +++ b/src/sass/base/bulma/layout/_all.sass @@ -0,0 +1,5 @@ +@charset "utf-8" + +@import "hero.sass" +@import "section.sass" +@import "footer.sass" diff --git a/src/sass/base/bulma/layout/footer.sass b/src/sass/base/bulma/layout/footer.sass new file mode 100644 index 0000000..6688482 --- /dev/null +++ b/src/sass/base/bulma/layout/footer.sass @@ -0,0 +1,5 @@ +$footer-background-color: $white-bis !default + +.footer + background-color: $footer-background-color + padding: 3rem 1.5rem 6rem diff --git a/src/sass/base/bulma/layout/hero.sass b/src/sass/base/bulma/layout/hero.sass new file mode 100644 index 0000000..db56b9f --- /dev/null +++ b/src/sass/base/bulma/layout/hero.sass @@ -0,0 +1,158 @@ +// Main container + +.hero + align-items: stretch + display: flex + flex-direction: column + justify-content: space-between + .navbar + background: none + .tabs + ul + border-bottom: none + // Colors + @each $name, $pair in $colors + $color: nth($pair, 1) + $color-invert: nth($pair, 2) + &.is-#{$name} + background-color: $color + color: $color-invert + a:not(.button):not(.dropdown-item):not(.tag), + strong + color: inherit + .title + color: $color-invert + .subtitle + color: rgba($color-invert, 0.9) + a:not(.button), + strong + color: $color-invert + .navbar-menu + +touch + background-color: $color + .navbar-item, + .navbar-link + color: rgba($color-invert, 0.7) + a.navbar-item, + .navbar-link + &:hover, + &.is-active + background-color: darken($color, 5%) + color: $color-invert + .tabs + a + color: $color-invert + opacity: 0.9 + &:hover + opacity: 1 + li + &.is-active a + opacity: 1 + &.is-boxed, + &.is-toggle + a + color: $color-invert + &:hover + background-color: rgba($black, 0.1) + li.is-active a + &, + &:hover + background-color: $color-invert + border-color: $color-invert + color: $color + // Modifiers + &.is-bold + $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%) + $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%) + background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) + +mobile + .navbar-menu + background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) + // Responsiveness + // +mobile + // .nav-toggle + // span + // background-color: $color-invert + // &:hover + // background-color: rgba($black, 0.1) + // &.is-active + // span + // background-color: $color-invert + // .nav-menu + // .nav-item + // border-top-color: rgba($color-invert, 0.2) + // Sizes + &.is-small + .hero-body + padding-bottom: 1.5rem + padding-top: 1.5rem + &.is-medium + +tablet + .hero-body + padding-bottom: 9rem + padding-top: 9rem + &.is-large + +tablet + .hero-body + padding-bottom: 18rem + padding-top: 18rem + &.is-halfheight, + &.is-fullheight, + &.is-fullheight-with-navbar + .hero-body + align-items: center + display: flex + & > .container + flex-grow: 1 + flex-shrink: 1 + &.is-halfheight + min-height: 50vh + &.is-fullheight + min-height: 100vh + &.is-fullheight-with-navbar + min-height: calc(100vh - #{$navbar-height}) + +// Components + +.hero-video + @extend %overlay + overflow: hidden + video + left: 50% + min-height: 100% + min-width: 100% + position: absolute + top: 50% + transform: translate3d(-50%, -50%, 0) + // Modifiers + &.is-transparent + opacity: 0.3 + // Responsiveness + +mobile + display: none + +.hero-buttons + margin-top: 1.5rem + // Responsiveness + +mobile + .button + display: flex + &:not(:last-child) + margin-bottom: 0.75rem + +tablet + display: flex + justify-content: center + .button:not(:last-child) + margin-right: 1.5rem + +// Containers + +.hero-head, +.hero-foot + flex-grow: 0 + flex-shrink: 0 + +.hero-body + flex-grow: 1 + flex-shrink: 0 + padding: 3rem 1.5rem diff --git a/src/sass/base/bulma/layout/section.sass b/src/sass/base/bulma/layout/section.sass new file mode 100644 index 0000000..6f2d352 --- /dev/null +++ b/src/sass/base/bulma/layout/section.sass @@ -0,0 +1,13 @@ +$section-padding: 3rem 1.5rem !default +$section-padding-medium: 9rem 1.5rem !default +$section-padding-large: 18rem 1.5rem !default + +.section + padding: $section-padding + // Responsiveness + +desktop + // Sizes + &.is-medium + padding: $section-padding-medium + &.is-large + padding: $section-padding-large diff --git a/src/sass/base/bulma/utilities/_all.sass b/src/sass/base/bulma/utilities/_all.sass new file mode 100644 index 0000000..bf4ecfe --- /dev/null +++ b/src/sass/base/bulma/utilities/_all.sass @@ -0,0 +1,8 @@ +@charset "utf-8" + +@import "initial-variables.sass" +@import "functions.sass" +@import "derived-variables.sass" +@import "animations.sass" +@import "mixins.sass" +@import "controls.sass" diff --git a/src/sass/base/bulma/utilities/animations.sass b/src/sass/base/bulma/utilities/animations.sass new file mode 100644 index 0000000..a14525d --- /dev/null +++ b/src/sass/base/bulma/utilities/animations.sass @@ -0,0 +1,5 @@ +@keyframes spinAround + from + transform: rotate(0deg) + to + transform: rotate(359deg) diff --git a/src/sass/base/bulma/utilities/controls.sass b/src/sass/base/bulma/utilities/controls.sass new file mode 100644 index 0000000..074072f --- /dev/null +++ b/src/sass/base/bulma/utilities/controls.sass @@ -0,0 +1,49 @@ +$control-radius: $radius !default +$control-radius-small: $radius-small !default + +$control-border-width: 1px !default + +$control-height: 2.25em !default +$control-line-height: 1.5 !default + +$control-padding-vertical: calc(0.375em - #{$control-border-width}) !default +$control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default + +=control + -moz-appearance: none + -webkit-appearance: none + align-items: center + border: $control-border-width solid transparent + border-radius: $control-radius + box-shadow: none + display: inline-flex + font-size: $size-normal + height: $control-height + justify-content: flex-start + line-height: $control-line-height + padding-bottom: $control-padding-vertical + padding-left: $control-padding-horizontal + padding-right: $control-padding-horizontal + padding-top: $control-padding-vertical + position: relative + vertical-align: top + // States + &:focus, + &.is-focused, + &:active, + &.is-active + outline: none + &[disabled] + cursor: not-allowed + +%control + +control + +// The controls sizes use mixins so they can be used at different breakpoints +=control-small + border-radius: $control-radius-small + font-size: $size-small +=control-medium + font-size: $size-medium +=control-large + font-size: $size-large diff --git a/src/sass/base/bulma/utilities/derived-variables.sass b/src/sass/base/bulma/utilities/derived-variables.sass new file mode 100644 index 0000000..aa91281 --- /dev/null +++ b/src/sass/base/bulma/utilities/derived-variables.sass @@ -0,0 +1,84 @@ +$primary: $turquoise !default + +$info: $cyan !default +$success: $green !default +$warning: $yellow !default +$danger: $red !default + +$light: $white-ter !default +$dark: $grey-darker !default + +// Invert colors + +$orange-invert: findColorInvert($orange) !default +$yellow-invert: findColorInvert($yellow) !default +$green-invert: findColorInvert($green) !default +$turquoise-invert: findColorInvert($turquoise) !default +$cyan-invert: findColorInvert($cyan) !default +$blue-invert: findColorInvert($blue) !default +$purple-invert: findColorInvert($purple) !default +$red-invert: findColorInvert($red) !default + +$primary-invert: $turquoise-invert !default +$info-invert: $cyan-invert !default +$success-invert: $green-invert !default +$warning-invert: $yellow-invert !default +$danger-invert: $red-invert !default +$light-invert: $dark !default +$dark-invert: $light !default + +// General colors + +$background: $white-ter !default + +$border: $grey-lighter !default +$border-hover: $grey-light !default + +// Text colors + +$text: $grey-dark !default +$text-invert: findColorInvert($text) !default +$text-light: $grey !default +$text-strong: $grey-darker !default + +// Code colors + +$code: $red !default +$code-background: $background !default + +$pre: $text !default +$pre-background: $background !default + +// Link colors + +$link: $blue !default +$link-invert: $blue-invert !default +$link-visited: $purple !default + +$link-hover: $grey-darker !default +$link-hover-border: $grey-light !default + +$link-focus: $grey-darker !default +$link-focus-border: $blue !default + +$link-active: $grey-darker !default +$link-active-border: $grey-dark !default + +// Typography + +$family-primary: $family-sans-serif !default +$family-code: $family-monospace !default + +$size-small: $size-7 !default +$size-normal: $size-6 !default +$size-medium: $size-5 !default +$size-large: $size-4 !default + +// Lists and maps +$custom-colors: null !default +$custom-shades: null !default + +$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert), "link": ($link, $link-invert), "info": ($info, $info-invert), "success": ($success, $success-invert), "warning": ($warning, $warning-invert), "danger": ($danger, $danger-invert)), $custom-colors) !default +$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default + +$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default diff --git a/src/sass/base/bulma/utilities/functions.sass b/src/sass/base/bulma/utilities/functions.sass new file mode 100644 index 0000000..acd3e83 --- /dev/null +++ b/src/sass/base/bulma/utilities/functions.sass @@ -0,0 +1,62 @@ +@function mergeColorMaps($bulma-colors, $custom-colors) + // we return at least bulma hardcoded colors + $merged-colors: $bulma-colors + + // we want a map as input + @if type-of($custom-colors) == 'map' + @each $name, $components in $custom-colors + // color name should be a string and colors pair a list with at least one element + @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1 + $color-base: null + + // the param can either be a single color + // or a list of 2 colors + @if type-of($components) == 'color' + $color-base: $components + @else if type-of($components) == 'list' + $color-base: nth($components, 1) + + $color-invert: null + // is an inverted color provided in the list + @if length($components) > 1 + $color-invert: nth($components, 2) + + // we only want a color as base color + @if type-of($color-base) == 'color' + // if inverted color is not provided or is not a color we compute it + @if type-of($color-invert) != 'color' + $color-invert: findColorInvert($color-base) + + // we merge this colors elements as map with bulma colors (we can override them this way, no multiple definition for the same name) + $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert))) + + @return $merged-colors + +@function powerNumber($number, $exp) + $value: 1 + @if $exp > 0 + @for $i from 1 through $exp + $value: $value * $number + @else if $exp < 0 + @for $i from 1 through -$exp + $value: $value / $number + @return $value + +@function colorLuminance($color) + $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color)) + @each $name, $value in $color-rgb + $adjusted: 0 + $value: $value / 255 + @if $value < 0.03928 + $value: $value / 12.92 + @else + $value: ($value + .055) / 1.055 + $value: powerNumber($value, 2) + $color-rgb: map-merge($color-rgb, ($name: $value)) + @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722) + +@function findColorInvert($color) + @if (colorLuminance($color) > 0.55) + @return rgba(#000, 0.7) + @else + @return #fff diff --git a/src/sass/base/bulma/utilities/initial-variables.sass b/src/sass/base/bulma/utilities/initial-variables.sass new file mode 100644 index 0000000..421bd3d --- /dev/null +++ b/src/sass/base/bulma/utilities/initial-variables.sass @@ -0,0 +1,72 @@ +// Colors + +$black: hsl(0, 0%, 4%) !default +$black-bis: hsl(0, 0%, 7%) !default +$black-ter: hsl(0, 0%, 14%) !default + +$grey-darker: hsl(0, 0%, 21%) !default +$grey-dark: hsl(0, 0%, 29%) !default +$grey: hsl(0, 0%, 48%) !default +$grey-light: hsl(0, 0%, 71%) !default +$grey-lighter: hsl(0, 0%, 86%) !default + +$white-ter: hsl(0, 0%, 96%) !default +$white-bis: hsl(0, 0%, 98%) !default +$white: hsl(0, 0%, 100%) !default + +$orange: hsl(14, 100%, 53%) !default +$yellow: hsl(48, 100%, 67%) !default +$green: hsl(141, 71%, 48%) !default +$turquoise: hsl(171, 100%, 41%) !default +$cyan: hsl(204, 86%, 53%) !default +$blue: hsl(217, 71%, 53%) !default +$purple: hsl(271, 100%, 71%) !default +$red: hsl(348, 100%, 61%) !default + +// Typography + +$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default +$family-monospace: monospace !default +$render-mode: optimizeLegibility !default + +$size-1: 3rem !default +$size-2: 2.5rem !default +$size-3: 2rem !default +$size-4: 1.5rem !default +$size-5: 1.25rem !default +$size-6: 1rem !default +$size-7: 0.75rem !default + +$weight-light: 300 !default +$weight-normal: 400 !default +$weight-medium: 500 !default +$weight-semibold: 600 !default +$weight-bold: 700 !default + +// Responsiveness + +// The container horizontal gap, which acts as the offset for breakpoints +$gap: 64px !default +// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16 +$tablet: 769px !default +// 960px container + 4rem +$desktop: 960px + (2 * $gap) !default +// 1152px container + 4rem +$widescreen: 1152px + (2 * $gap) !default +$widescreen-enabled: true !default +// 1344px container + 4rem +$fullhd: 1344px + (2 * $gap) !default +$fullhd-enabled: true !default + +// Miscellaneous + +$easing: ease-out !default +$radius-small: 2px !default +$radius: 4px !default +$radius-large: 6px !default +$radius-rounded: 290486px !default +$speed: 86ms !default + +// Flags + +$variable-columns: true !default diff --git a/src/sass/base/bulma/utilities/mixins.sass b/src/sass/base/bulma/utilities/mixins.sass new file mode 100644 index 0000000..5623e3c --- /dev/null +++ b/src/sass/base/bulma/utilities/mixins.sass @@ -0,0 +1,261 @@ +@import "initial-variables" + +=clearfix + &::after + clear: both + content: " " + display: table + +=center($width, $height: 0) + position: absolute + @if $height != 0 + left: calc(50% - (#{$width} / 2)) + top: calc(50% - (#{$height} / 2)) + @else + left: calc(50% - (#{$width} / 2)) + top: calc(50% - (#{$width} / 2)) + +=fa($size, $dimensions) + display: inline-block + font-size: $size + height: $dimensions + line-height: $dimensions + text-align: center + vertical-align: top + width: $dimensions + +=hamburger($dimensions) + cursor: pointer + display: block + height: $dimensions + position: relative + width: $dimensions + span + background-color: currentColor + display: block + height: 1px + left: calc(50% - 8px) + position: absolute + transform-origin: center + transition-duration: $speed + transition-property: background-color, opacity, transform + transition-timing-function: $easing + width: 16px + &:nth-child(1) + top: calc(50% - 6px) + &:nth-child(2) + top: calc(50% - 1px) + &:nth-child(3) + top: calc(50% + 4px) + &:hover + background-color: rgba(black, 0.05) + // Modifers + &.is-active + span + &:nth-child(1) + transform: translateY(5px) rotate(45deg) + &:nth-child(2) + opacity: 0 + &:nth-child(3) + transform: translateY(-5px) rotate(-45deg) + +=overflow-touch + -webkit-overflow-scrolling: touch + +=placeholder + $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input' + @each $placeholder in $placeholders + &:#{$placeholder}-placeholder + @content + +// Responsiveness + +=from($device) + @media screen and (min-width: $device) + @content + +=until($device) + @media screen and (max-width: $device - 1px) + @content + +=mobile + @media screen and (max-width: $tablet - 1px) + @content + +=tablet + @media screen and (min-width: $tablet), print + @content + +=tablet-only + @media screen and (min-width: $tablet) and (max-width: $desktop - 1px) + @content + +=touch + @media screen and (max-width: $desktop - 1px) + @content + +=desktop + @media screen and (min-width: $desktop) + @content + +=desktop-only + @if $widescreen-enabled + @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px) + @content + +=until-widescreen + @if $widescreen-enabled + @media screen and (max-width: $widescreen - 1px) + @content + +=widescreen + @if $widescreen-enabled + @media screen and (min-width: $widescreen) + @content + +=widescreen-only + @if $widescreen-enabled and $fullhd-enabled + @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px) + @content + +=until-fullhd + @if $fullhd-enabled + @media screen and (max-width: $fullhd - 1px) + @content + +=fullhd + @if $fullhd-enabled + @media screen and (min-width: $fullhd) + @content + +// Placeholders + +=unselectable + -webkit-touch-callout: none + -webkit-user-select: none + -moz-user-select: none + -ms-user-select: none + user-select: none + +%unselectable + +unselectable + +=arrow($color: transparent) + border: 3px solid $color + border-radius: 2px + border-right: 0 + border-top: 0 + content: " " + display: block + height: 0.625em + margin-top: -0.4375em + pointer-events: none + position: absolute + top: 50% + transform: rotate(-45deg) + transform-origin: center + width: 0.625em + +%arrow + +arrow + +=block + &:not(:last-child) + margin-bottom: 1.5rem + +%block + +block + +=delete + @extend %unselectable + -moz-appearance: none + -webkit-appearance: none + background-color: rgba($black, 0.2) + border: none + border-radius: $radius-rounded + cursor: pointer + pointer-events: auto + display: inline-block + flex-grow: 0 + flex-shrink: 0 + font-size: 0 + height: 20px + max-height: 20px + max-width: 20px + min-height: 20px + min-width: 20px + outline: none + position: relative + vertical-align: top + width: 20px + &::before, + &::after + background-color: $white + content: "" + display: block + left: 50% + position: absolute + top: 50% + transform: translateX(-50%) translateY(-50%) rotate(45deg) + transform-origin: center center + &::before + height: 2px + width: 50% + &::after + height: 50% + width: 2px + &:hover, + &:focus + background-color: rgba($black, 0.3) + &:active + background-color: rgba($black, 0.4) + // Sizes + &.is-small + height: 16px + max-height: 16px + max-width: 16px + min-height: 16px + min-width: 16px + width: 16px + &.is-medium + height: 24px + max-height: 24px + max-width: 24px + min-height: 24px + min-width: 24px + width: 24px + &.is-large + height: 32px + max-height: 32px + max-width: 32px + min-height: 32px + min-width: 32px + width: 32px + +%delete + +delete + +=loader + animation: spinAround 500ms infinite linear + border: 2px solid $grey-lighter + border-radius: $radius-rounded + border-right-color: transparent + border-top-color: transparent + content: "" + display: block + height: 1em + position: relative + width: 1em + +%loader + +loader + +=overlay($offset: 0) + bottom: $offset + left: $offset + position: absolute + right: $offset + top: $offset + +%overlay + +overlay diff --git a/src/scss/custom/_button.scss b/src/scss/custom/_button.scss new file mode 100644 index 0000000..c70877b --- /dev/null +++ b/src/scss/custom/_button.scss @@ -0,0 +1,16 @@ +.is-button-grey, .pagination-link { + background-color: #7a7a7a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button:hover, .pagination .is-current, .pagination-link:hover { + background-color: #dd7325; + border-color: transparent; + color: whitesmoke; +} + +.button:focus { + box-shadow: none; + border-color: transparent; +} diff --git a/src/scss/custom/_comments.scss b/src/scss/custom/_comments.scss new file mode 100644 index 0000000..535ea71 --- /dev/null +++ b/src/scss/custom/_comments.scss @@ -0,0 +1,28 @@ +.comments-wrapper { + padding: 25px; +} + +.comments-header .title { + color: whitesmoke; +} + +.comments-wrapper { + p { + color: whitesmoke; + } + small { + color: #7a7a7a; + } + strong { + color: whitesmoke; + font-weight: 100; + } + a { + color: #dd7325; + } + .media { + .media, + .media { + border-top: 1px solid #dd7325; + } + } +} diff --git a/src/scss/custom/_elements.scss b/src/scss/custom/_elements.scss new file mode 100644 index 0000000..02c8871 --- /dev/null +++ b/src/scss/custom/_elements.scss @@ -0,0 +1,30 @@ +code { + background-color: #282828; + color: #73d1ed; +} + +li { + color: white; +} + +pre { + background-color: #282828; + color: #78dcfa; +} + +strong { + color: white; +} + +video { + width: 100%; + height: auto; +} + +.is-cyan { + color: #0dd3ff; +} + +.is-table { + display: table; +} diff --git a/src/scss/custom/_footer.scss b/src/scss/custom/_footer.scss new file mode 100644 index 0000000..a92637d --- /dev/null +++ b/src/scss/custom/_footer.scss @@ -0,0 +1,11 @@ +.footer { + background-color: #0c0f0f; + color: whitesmoke; + a { + color: #dd7325; + } +} + +.footer-top-shadow { + box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1); +} diff --git a/src/scss/custom/_header.scss b/src/scss/custom/_header.scss new file mode 100644 index 0000000..1377035 --- /dev/null +++ b/src/scss/custom/_header.scss @@ -0,0 +1,65 @@ +/* ------------- Menu Mobile sin JS ---------------- */ +/* input hidden */ + +#navbar-toggle-cbox { + display: none; +} + +label[for=navbar-toggle-cbox] { + cursor: pointer; +} + +#navbar-toggle-cbox:checked ~ .navbar-menu { + display: block; +} + +/*- ----------- End Menu Mobile sin JS ------------- */ +/* navigation */ + +.navbar { + background-color: #0c0f0f; + a { + color: whitesmoke; + } + &.is-social-center { + align-items: stretch; + background-color: transparent; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; + margin-left: auto; + margin-right: auto; + -webkit-box-align: stretch; + -webkit-box-pack: center; + -webkit-box-flex: 0; + -ms-flex-pack: center; + -ms-flex-align: stretch; + -ms-flex-negative: 0; + -ms-flex-positive: 0; + > a.navbar-item { + color: #4a4a4a; + background-color: transparent; + &:hover { + color: #dd7325; + } + } + } +} + +/* main-header */ + +.main-header { + .title { + color: whitesmoke; + } + .subtitle { + color: #dd7325; + } + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); + .hero { + background-color: #161c1c; + } +} diff --git a/src/scss/custom/_hilite.scss b/src/scss/custom/_hilite.scss new file mode 100644 index 0000000..2b4fcd7 --- /dev/null +++ b/src/scss/custom/_hilite.scss @@ -0,0 +1,192 @@ +/* Colors Code */ + +.highlight { + pre { + font-size: 75%; + } + .hll { + background-color: #222222; + } + background: #000000; + color: #cccccc; + // Comments + .c { + color: #4E4F8E; + } + // Error + .err { + color: #cccccc; + border: 1px solid #FF0000; + } + // Escape and Generic + .esc, .g { + color: #cccccc; + } + // Keyword + .k { + color: #cdcd00; + } + // Literal and Name + .l, .n { + color: #cccccc; + } + // Operator + .o { + color: #3399cc; + } + // Other + .x { + color: #cccccc; + } + // Punctuation + .p { + color: #fac0ba; + } + // Comment: Hashbang, Multiline, Preproc, PreprocFile, Line + .ch, .cm, .cp, .cpf, .c1 { + color: #4E4F8E; + } + // Comments: Special + .cs { + color: #cd0000; + font-weight: bold; + } + // Generic Deleted + .gd { + color: #cd0000; + } + // Generic Emph + .ge { + color: #cccccc; + font-style: italic; + } + // Generic Error + .gr { + color: #FF0000; + } + // Generic Heading + .gh { + color: #4E4F8E; + font-weight: bold; + } + // Generic Inserted + .gi { + color: #00cd00; + } + // Generic Output + .go { + color: #888888; + } + // Generic Prompt + .gp { + color: #4E4F8E; + font-weight: bold; + } + // Generic Strong + .gs { + color: #cccccc; + font-weight: bold; + } + // Generic Subheading + .gu { + color: #800080; + font-weight: bold; + } + // Generic Traceback + .gt { + color: #0044DD; + } + // Keyword Constant + .kc { + color: #cdcd00; + } + // Keyword Declaration + .kd { + color: #00cd00; + } + // Keyword Namespace + .kn { + color: #cd00cd; + } + // Keyword: Pseudo, Reserved + .kp, .kr { + color: #cdcd00; + } + // Keyword Type + .kt { + color: #00cd00; + } + // Literal Date + .ld { + color: #cccccc; + } + // Literal Number + .m { + color: #cd00cd; + } + // Literal String + .s { + color: #cd0000; + } + // Name Attribute + .na { + color: #cccccc; + } + // Name Builtin + .nb { + color: #cd00cd; + } + // Name Class + .nc { + color: #00cdcd; + } + // Name: Constant, Decorator, Entity + .no, .nd, .ni { + color: #cccccc; + } + // Name Exception + .ne { + color: #666699; + font-weight: bold; + } + // Name: Function, Label, Namespace, Other, Property + .nf, .nl, .nn, .nx, .py { + color: #cccccc; + } + // Name Tag + .nt { + color: orange; + } + // Name Variable + .nv { + color: #00cdcd; + } + // Operator Word + .ow { + color: #cdcd00; + } + // Text Whitespace + .w { + color: #cccccc; + } + // Literal Number: Bin, Float, Hex, Integer, Oct + .mb, .mf, .mh, .mi, .mo { + color: #cd00cd; + } + // Literal String: Backtick, Char, Doc, Double, Escape, Heredoc, Interpol, Other, Regex, Single, Symbol + .sb, .sc, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1, .ss { + color: #cd0000; + } + // Name Builtin Pseudo + .bp { + color: #cd00cd; + } + // Name Variable: Class, Global, Instance + .vc, .vg, .vi { + color: #00cdcd; + } + // Literal Number Integer Long + .il { + color: #cd00cd; + } +} diff --git a/src/scss/custom/_icons.scss b/src/scss/custom/_icons.scss new file mode 100644 index 0000000..d61306d --- /dev/null +++ b/src/scss/custom/_icons.scss @@ -0,0 +1,17 @@ +.soumaicon { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-line-pack: center; + align-content: center; +} + +.soumaicon svg { + width: .8rem; + height: .8rem; + fill: currentcolor; +} + +.soumaicon:hover svg { + fill: $secundario; +} diff --git a/src/scss/custom/_input.scss b/src/scss/custom/_input.scss new file mode 100644 index 0000000..e38ef58 --- /dev/null +++ b/src/scss/custom/_input.scss @@ -0,0 +1,6 @@ +/* input select */ +input:focus, textarea:focus, input[type]:focus { + box-shadow: 0 0 5px #719ECE; + border: 1px; + outline: none !important; +} diff --git a/src/scss/custom/_links.scss b/src/scss/custom/_links.scss new file mode 100644 index 0000000..383f1fe --- /dev/null +++ b/src/scss/custom/_links.scss @@ -0,0 +1,37 @@ +a { + color: #0099e5; + &:hover { + text-decoration: none; + } + &.navbar-item { + &.is-tab { + &.is-active { + border-bottom-color: #dd7325; + border-width: 2px; + color: whitesmoke; + } + &:hover { + border-bottom-color: #dd7325; + border-width: 2px; + color: #dd7325; + } + } + &:hover { + color: #dd7325; + background-color: transparent; + } + } + &.pagination-previous.disabled, &.pagination-next.disabled { + background: #0c0f0f; + color: white; + cursor: not-allowed; + border-color: #dbdbdb; + box-shadow: none; + color: #7a7a7a; + opacity: .5; + } +} + +.pagination-list { + margin-bottom: 1.5rem; +} diff --git a/src/scss/custom/_main.scss b/src/scss/custom/_main.scss new file mode 100644 index 0000000..c4c4647 --- /dev/null +++ b/src/scss/custom/_main.scss @@ -0,0 +1,109 @@ +/* main content styling */ +.main-content { + background-color: #363636; + padding: 1rem 1.5rem; +} + +/* card changes */ +.card { + background-color: #161c1c; + .card-content-footer { + color: #7a7a7a; + } +} + +.card-content-footer i { + padding-right: 10px; + padding-top: 2px; +} + +.card-content-header, .comments-header { + background-color: #dd7325; + padding: 10px; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); +} + +.card-content-header { + .title, a { + color: whitesmoke; + } +} + +.card-inner-wrapper { + padding: 25px; +} + +.card-content-text { + padding-bottom: 30px; + border-bottom: 1px solid #dd7325; + p { + color: whitesmoke; + font-size: 1em; + } + label { + color: whitesmoke; + font-weight: 100; + } +} + +.card-content-nav { + padding-top: 10px; +} + +.card-content-footer { + padding-top: 15px; + padding-bottom: 15px; +} + +.card-content-footer-small { + padding-top: 20px; + margin-bottom: -25px; +} + +.card-content-footer-cols { + padding-top: 20px; + margin-bottom: -20px; +} + +.card-content-form { + padding-top: 20px; +} + +.content blockquote { + background: black; + color: white; + border-left: 4px solid #dbdbdb; + margin: 1.5rem 1rem; + padding: 1.5rem 1rem; + p { + display: contents; + } + &:before { + opacity: 0.5; + content: open-quote; + font-size: 4rem; + line-height: .1em; + margin-right: .25em; + vertical-align: -0.4em; + } +} + +* { + box-sizing: border-box; + &:after, &:before { + box-sizing: border-box; + } +} + +legend { + box-sizing: border-box; +} + +.content { + dl, dt, dd, h2, h3, h4, h5, h6 { + color: white; + } + &.social { + margin-bottom: 0rem; + } +} diff --git a/src/scss/custom/_mediaqueries.scss b/src/scss/custom/_mediaqueries.scss new file mode 100644 index 0000000..47c319c --- /dev/null +++ b/src/scss/custom/_mediaqueries.scss @@ -0,0 +1,11 @@ +@media screen and (max-width: 1087px) { + .navbar-menu { + background-color: transparent; + } +} + +@media screen and (max-width: 600px) { + .main-content { + padding: 0rem; + } +} diff --git a/src/scss/custom/_pagination.scss b/src/scss/custom/_pagination.scss new file mode 100644 index 0000000..fa34528 --- /dev/null +++ b/src/scss/custom/_pagination.scss @@ -0,0 +1,8 @@ +.comments-content { + background-color: #161c1c; + padding-bottom: 10px; +} + +.pagination-style-custom { + padding-top: 50px; +} diff --git a/src/scss/custom/_tipografia.scss b/src/scss/custom/_tipografia.scss new file mode 100644 index 0000000..d41a435 --- /dev/null +++ b/src/scss/custom/_tipografia.scss @@ -0,0 +1,20 @@ +/* latin */ +@font-face { + font-family: 'Roboto Condensed'; + font-style: normal; + font-weight: 400; + src: local('Roboto Condensed'), + local('RobotoCondensed-Regular'), + url(../fonts/roboto/roboto-latin.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/* html/body/font-fixes */ +body, input, textarea, .button { + font-family: 'Roboto Condensed', Nimbus Sans, sans-serif; +} + +.fa small { + font-family: 'Roboto Condensed', Nimbus Sans, sans-serif; + color: #7a7a7a; +} diff --git a/src/scss/custom/_variables.scss b/src/scss/custom/_variables.scss new file mode 100644 index 0000000..062ba27 --- /dev/null +++ b/src/scss/custom/_variables.scss @@ -0,0 +1,3 @@ +/* Colores */ + +$secundario: #dd7325; diff --git a/src/scss/custom/style.scss b/src/scss/custom/style.scss new file mode 100644 index 0000000..0d515b9 --- /dev/null +++ b/src/scss/custom/style.scss @@ -0,0 +1,48 @@ +@charset "utf-8"; +/*! + * bulma css framework (github.com/jgthms | bulma.io) + * Author: jeremy thomas + * Author: jesus e. + * Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE) + */ + +/* basic formatting changes (mostly to cater for darker colours) */ + +// base.scss +@import 'tipografia'; + +// variables +@import "variables"; + +// Header +@import "header"; + +// Elements +@import "elements"; + +// Hilite +@import "hilite"; + +// Icons +@import "icons"; + +// Contenedor o main +@import "main"; + +// Enlaces +@import "links"; + +// Button +@import "button"; + +// Pagination +@import "pagination"; + +// Footer +@import "footer"; + +// Comentarios +@import "comments"; + +// Mediaqueries +@import "mediaqueries"; |
