{"id":18353642,"url":"https://github.com/taystack/halvsies","last_synced_at":"2025-04-10T00:55:21.578Z","repository":{"id":9139383,"uuid":"10930217","full_name":"taystack/halvsies","owner":"taystack","description":"The most simple half-div/split-div mixin","archived":false,"fork":false,"pushed_at":"2013-07-02T21:43:55.000Z","size":116,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T00:55:18.112Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/taystack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-06-25T06:28:58.000Z","updated_at":"2013-10-06T04:47:41.000Z","dependencies_parsed_at":"2022-08-30T10:32:12.602Z","dependency_job_id":null,"html_url":"https://github.com/taystack/halvsies","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taystack%2Fhalvsies","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taystack%2Fhalvsies/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taystack%2Fhalvsies/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taystack%2Fhalvsies/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taystack","download_url":"https://codeload.github.com/taystack/halvsies/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248137994,"owners_count":21053775,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T21:42:43.764Z","updated_at":"2025-04-10T00:55:21.548Z","avatar_url":"https://github.com/taystack.png","language":"Ruby","readme":"Halvsies\n========\n\n### The most simple half-div/split-div mixin\n\n\nCreate a div. Within your div, create two more divs\nwith class left and class right, respectfully.\n\n##### Variables:\n\n$WIDTH: The width of the parent div.\n\n$MIN_WIDTH: The point at which the div displays over-under.\n\nThe simple half-div\n-------------------\n\n#### HTML\n\n    \u003cdiv\u003e\n      \u003cdiv class='left'\u003e\n        \u003c!-- left side content here --\u003e\n      \u003c/div\u003e\n      \u003cdiv class='right'\u003e\n         \u003c!-- right side content here --\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n\n#### SCSS\n\n    $WIDTH: 100%;\n    $MIN_WIDTH: 400px;\n\n    .halvsies {\n      @include halvsies( $WIDTH, $MIN_WIDTH );\n    }\n\nNested halvsies\n---------------\n\nYou can even nest halvsies inside other halvsies.\nFor best results when nesting, in the stylesheet make sure to set the\n$MAX_WIDTH to 100% for all nested halvsies.\n\n#### HTML\n\n    \u003cdiv id='one'\u003e\n      \u003cdiv class='left'\u003e\n        \u003c!-- left side content here --\u003e\n        \u003cdiv id='two'\n          \u003cdiv class='left'\u003e\n            \u003c!-- nested left content here --\u003e\n          \u003c/div\u003e\n          \u003cdiv class='right'\u003e\n            \u003c!-- nested right content here --\u003e\n          \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class='right'\u003e\n        \u003c!-- right side content here --\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n#### SCSS\n\n    #one {\n      .left {\n        background: green;\n      }\n      .right {\n        background: blue;\n      }\n      #two {\n        @include halvsies( $WIDTH, $MIN_WIDTH );\n        .left {\n          background: orange;\n        }\n        .right {\n          background: yellow;\n        }\n      }\n    }\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaystack%2Fhalvsies","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaystack%2Fhalvsies","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaystack%2Fhalvsies/lists"}